Three.js
キーワード
カメラ
PerspectiveCamera
数値の設定がよくわからなかった
シーン
Scene
ジオメトリー
BoxGeometry ボックス
ShapeGeometry シェイプの作成
マテリアル
MeshNormalMaterial RGB
MeshBasicMaterial 単色
メッシュ
Mesh
レンダラー
WebGLRenderer
アニメーション
renderer.setAnimationLoop(animation)
構造
カメラで見る位置を決める
シーンにメッシュを配置
メッシュにはジオメトリーとマテリアルをセット
アニメーション関数にシーンとカメラを設定
レンダラーに空間の大きさとアニメーションを設定
レンダラーをDOMに配置
→ブラウザ上で表示される