[メモ]: Three.jsの基本のワード

[メモ]: Three.jsの基本のワード

単語がいつも迷って調べてるのでまとめました。調べたらわかる内容しかありませんのでご了承ください。

基礎

シーン

• 3D空間のこと
• 3Dオブジェクトや光源を配置する場所

カメラ

• 3D空間の視点を定義
• PerspectiveCamera(遠近法カメラ)
• OrthographicCamera(正投影カメラ)

レンダラー

• 3D空間のレンダリングを行う
• 内部でThree.jsがWebGL APIを使って計算し、画面に表示する
• WebGLRendererクラスを使用

オブジェクト

メッシュ

3Dオブジェクトの基本単位でジオメトリとマテリアルの組み合わせ

ジオメトリ

3Dオブジェクトの形状を定義

マテリアル

オブジェクトの見た目(色、テクスチャ)を定義

テクスチャ

オブジェクトの表現に適用する画像

グループ

• 複数のオブジェクトをまとめて扱うためのオブジェクト
• 位置、回転、スケールをまとめて制御

光源

AmbientLight

• 環境光
• 全体的に照らす
• 影を落とさない

DirectionalLight

• 平行光
• 太陽光のような方向性
• 位置と向きを持つ

PointLight

• 点光源
• 電球ような全方向に光
• 距離減衰を設定できる

SpotLight

• 特定の方向と範囲を持つ光源
• 懐中電灯のような効果

HemisphereLight

• 空と地面の色を指定できる光源
• 自然なライティングを作成
• 野外シーン

制御

OrbitControls

• カメラをマウスで操作するコントローラー
• 回転、ズーム、パンなどの操作

TransformControls

オブジェクトを移動・回転・拡大縮小するためのUI

Raycaster

• マウスカーソルなどから伸びる光線とオブジェクトの交差を検出する仕組み
• オブジェクトの選択やインタラクションを実現するために使用
• クリックやホバーイベントと組み合わせて使用
• 衝突検出

Loader

• 画像、3Dモデル、テクスチャなどの外部ファイルを読み込むための仕組み
• GLTFLoaderやTextureLoaderなど、様々な種類がある

AnimationMixer

• 3Dモデルのアニメーションを再生・制御するためのクラス
• GLTF形式などで読み込んだアニメーションを扱う際に使用

Clock

• アニメーションの時間管理を行うためのユーティリティクラス
• requestAnimationFrameと組み合わせて使用

最後に

間違っていることがあれば、コメントに書いていただけると幸いです。
よろしくお願いいたします。