three.js向け低木

three/addons の GLTFLoader で低木の GLB を読み込めます。Draco や KTX2 圧縮を使ったファイルでなければ、追加のローダーは不要です。8 つのモデル——竹、低木、ツゲ、生け垣、ビャクシン、野バラ、ラズベリー、ハシバミ——は LOD0–LOD3 を備え、THREE.LOD の lod.addLevel(mesh, distance) でカメラ距離に応じてディテールが切り替わり、コリジョンメッシュは Rapier や cannon-es 用に非表示のまま使えます。

森の縁や都市の公園なら、InstancedMesh が数千のコピーを 1 回の draw call で描画し、BatchedMesh は複数のバリエーションを混在させられます。THREE.LOD はインスタンス単位では効かないため、チャンクごとにインスタンスを LOD でまとめてください。alphaMode が MASK の葉は material.alphaTest になり、両面マテリアルには THREE.DoubleSide が自動で付きます。WebGLRenderer と WebGPURenderer の両方で動作し、シードを変えるたびに新しい配置が得られます。