GLTFLoader のために設計
FoliMesh のアセットはすべて 1 つの GLB ファイルです。GLTFLoader がメッシュ、マテリアル、テクスチャを 1 回のリクエストで読み込み、各 LOD レベルはファイル内の個別のメッシュになっています。
three.js での LOD
必要な距離を指定して、LOD0–LOD3 を THREE.LOD オブジェクトに追加します。遠くではインポスターに切り替えるか、単に木を非表示にします。LOD ごとのポリゴン予算により、ノート PC でもフレームレートが安定します。
Web 向けの小さなファイル
ローポリアセットは頂点カラーを使い、テクスチャを持たないため、森全体でも写真 1 枚より軽量です。リアルな樹木はコンパクトな樹皮と葉のテクスチャを使い、葉にはアルファテストを適用しています。
大量の木を 1 回のドローコールで
ジオメトリはクリーンで共有可能なので、同じ木を InstancedMesh で使えます。複数のシードをエクスポートしてそれぞれをインスタンス化すれば、繰り返しのない森になります。