three.js向け水中

Web 向けの軽量な GLB 植生。GLTFLoader で読み込み、LOD メッシュを THREE.LOD に組み込めば、シーンに森ができあがります。このグループは、海底、潟湖、浅瀬の水中植物とサンゴの形状をまとめたものです。ミドリイシ、アカサンゴ、脳サンゴ、ウミウチワに加え、コンブ、海藻、スイレンを含みます。組み合わせると、サンゴ礁や入り江の湖底のような重層的な景観が作れます。各モデルにはLOD0からLOD3、衝突判定、根元のピボットが含まれ、サンゴは海底にしっかり固定され、宙に浮きません。コンブや海藻には穏やかな揺れのためのウェイトがあります。新しいシードごとに枝分かれの形や葉の並びが変わり、GLB、FBX、OBJ形式で書き出せ、Unity、Unreal Engine、Godot、Bevyに対応します。このセレクションにはゲーム対応モデルが7点あります。すべてのモデルにLOD0–LOD3、コリジョン、底部のピボットが付いており、シードを変えるたびに同じ種の新しいバリエーションが生まれます。

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 などの物理ライブラリに渡します。