-
【オブジェクト指向】「結合エンティティ」について
04.09
基本的には1テーブル、1エンティティという形でクラスを作ると良いです。 ただ、SQLのSELECT文で結合が発生する場合はどうでしょうか。 結論 基本的には、結合された結果のエンティティを作るのが良いです。（場合によっては1テーブ…
-
業務では「少し違うけど似たような処理」を実装することが求められるシーンは多いと思います。このような処理を実装する場合は継承を使うのは基本NGになります。以下の記事でも詳しく解説しています。 http://www.code-magagi…
-
小さな作品では、OrbitControlsが使われることが多いです。ただ、簡単に扱える分カスタマイズ性は低くなります。 実装 コントローラの作成 [crayon-628f433435572196022612/] コントローラの制御 …
-
【Three.js】「マテリアル」について
04.08
MeshPhongMaterial フォン・シェーディングと言う、光沢感のある質感を表現できるマテリアル MeshPhysicalMaterial 金属感を表現できる。 MeshBasicMaterial 影がつかず均一な質感にな…
-
【WebGL】「カクつく」問題
04.08
原因 1コマ毎の描画処理が重くfpsを一定に保つことができないため。特に3D表現をしようとすると処理負荷が高く凝った表現をしようとするとfpsを保つことが難しくなる。 対策 テクスチャが重いからjpegにする。 JPEGはCPU上で…
-
【WebGL】「draco」について
04.06
dracoとは？ Googleが公開している頂点情報の圧縮用フォーマットです。これを使うとさらにWebGLで使われているモデルデータを圧縮することが可能です。 特徴 4-12枚程度に圧縮できる。 最大で12枚程度に圧縮が可能です。ア…
-
【WebGL】「glTF」について
04.06
glTFとは？ Khronos（クロノス）が標準化しようとしているJSONで3Dモデルやシーンを表現するフォーマット 例えるなら3Dフォーマットにおけるjpegを目指しています。 audioの標準はmp3ですし、vid…
-
【WebGL】概要
04.06
WebGLとは？ ブラウザにある高度なCG表現をするため(GPUを使ってブラウザにレンダリングするため)のAPI。モダンなブラウザではほぼ十分に動きます。 なぜGPUを使うのか？ CPUで高解像度画像や3Dモデルを処理するのは処理負荷…
-
【Three.js】ジオメトリについて
04.06
ジオメトリとは？ 形状の骨格を表す。 球体 立方体 ドーナツ型の3Dオブジェクト 調べ方 ジオメトリーにはたくさんの種類があります。 three.jsの公式サイトで「geometry」と検索すればいろん…
-
【Three.js】概要
04.04
Three.jsとは？ threeとは3Dの3を英語にしたものです。WebGLの技術を使ってWebブラウザ上で3D表現をすることが可能です。 WebGLとの違いは？ 通常のWebGLだと例えば立方体一つ表現するだけでも多くのJavaS…