FoliMesh

three.js向け岩

Web 向けの岩アセットは GLB で届き、three/addons の GLTFLoader で読み込みます。DRACOLoader や KTX2Loader は、ファイルがその拡張を実際に使う場合にだけ必要です。このセレクションの 7 モデル——小石、石、巨岩、岩盤スラブ、岩の散らばり、断崖、岩付きの断崖——はすべて LOD0–LOD3 を持つので、THREE.LOD の lod.addLevel(mesh, distance) がカメラ距離に応じて毎フレーム切り替えます。

密集した散布には InstancedMesh が数千のコピーを 1 ドローコールにまとめ、BatchedMesh は複数のバリエーションを混在させられます。THREE.LOD はインスタンス単位では効かないため、チャンクごとに LOD 別へインスタンスをまとめてください。コリジョンメッシュは非表示のまま Rapier や cannon-es に渡します。WebGLRenderer と WebGPURenderer の両方で動作します。

モデル
7
LODレベル
LOD0 – LOD3
フォーマット
GLB · FBX · OBJ

three.jsでの使い方

three.js では three/addons の GLTFLoader で GLB を読み込みます。DRACOLoader や KTX2Loader は、ファイルがその拡張を使う場合のみ必要です。

  • 距離 LOD:THREE.LOD に lod.addLevel(mesh, distance) で LOD0〜LOD3 を登録すると、毎フレームカメラとの距離でレベルが切り替わります。
  • 森:InstancedMesh なら数千本を 1 回のドローコールで描画でき、BatchedMesh では複数の樹木バリエーションを混在させられます。THREE.LOD はインスタンス単位では効かないため、チャンクごとに LOD 別のインスタンスグループを自前で管理します。
  • 葉:glTF の alphaMode MASK は material.alphaTest に、両面マテリアルは自動で side: THREE.DoubleSide になります。
  • コリジョンメッシュ:非表示にして、Rapier や cannon-es などの物理ライブラリに渡します。

WebGLRenderer と WebGPURenderer のどちらでも動作します。

パック

その他のカテゴリー

他のスタイルで見る

他のエンジン向け