FoliMesh

适用于Babylon.js的棕榈

Babylon.js 通过 @babylonjs/loaders 的 glTF 加载器读取 GLB:单个植株用 ImportMeshAsync,批量副本用 LoadAssetContainerAsync 搭配 instantiateModelsToScene。本分类含五种:椰子树、海枣、加那利海枣、丝葵、矮棕榈。

模型均带 LOD0–LOD3(lod0.addLODLevel(30, lod1)、addLODLevel(80, lod2))、根部原点的碰撞体和 alpha 测试 PBRMaterial 叶片。根部原点便于贴合起伏地形,上千棵棕榈用 thin instances,每个网格一次 draw call,海滩、岛屿、绿洲场景在浏览器中也能稳定跑帧。

模型
5
细节层级
LOD0 – LOD3
格式
GLB · FBX · OBJ

在Babylon.js中使用

Babylon.js 通过 @babylonjs/loaders 中的 glTF 加载器加载 GLB:使用 ImportMeshAsync(旧代码中为 SceneLoader.ImportMeshAsync),需要大量副本时用 LoadAssetContainerAsync 配合 instantiateModelsToScene。

  • LOD:lod0.addLODLevel(30, lod1)、addLODLevel(80, lod2) 依次添加;网格参数传 null 时,超过该距离物体会被隐藏。
  • 成千上万棵树:Thin Instances(用矩阵调用 thinInstanceAdd)每个网格只需一次 Draw Call;若每棵树需要独立拾取或逻辑,则使用普通的 createInstance。
  • 树叶:glTF 的 MASK 会映射为 Alpha 测试的 PBRMaterial(MATERIAL_ALPHATEST)。
  • 碰撞网格:设置 isVisible = false,配合 checkCollisions 或 Havok 物理(使用 MESH 形状的 PhysicsAggregate)。

资源包

其他类别

其他风格的同款

其他引擎的同款