Babylon.js向けサボテン・多肉植物

Babylon.js で砂漠のシーンが重くなる原因は、たいていテクスチャではなく同時に読み込む植物の数です。ここには5つのモデル — ベンケイチュウ、樽型サボテン、ウチワサボテン、アガベ、アロエ — が GLB で用意され、@babylonjs/loaders から読み込みます。単体なら ImportMeshAsync、同じ種類をマップ全体に複製するなら instantiateModelsToScene を伴う LoadAssetContainerAsync が向いています。

各モデルは LOD0–LOD3、コリジョンメッシュ、根元のピボットを備え、lod0.addLODLevel(30, lod1) と addLODLevel(80, lod2) でカメラが引くほどポリゴンを落とせます。null を渡せば遠方の株を完全に消せます。葉や棘のカードは glTF MASK を使い、Babylon.js ではアルファテスト付き PBRMaterial として扱われます。数千株のアガベは thinInstanceAdd でメッシュごとに1ドローコール、個別にピッキングしたい株は createInstance に切り替えます。非表示のコリジョンメッシュは checkCollisions や Havok の PhysicsAggregate に接続できます。