FoliMesh

适用于Babylon.js的写实风格棕榈

Babylon.js 通过 @babylonjs/loaders 里的 glTF 加载器读取这些 GLB 棕榈:单棵树用 ImportMeshAsync,需要大量副本时用 LoadAssetContainerAsync 配合 instantiateModelsToScene。椰子树、海枣、加那利海枣、丝葵和矮棕榈都带 LOD0–LOD3,可以依次写 lod0.addLODLevel(30, lod1)、addLODLevel(80, lod2),并传入 null 让物体在该距离后完全隐藏。

写实风格走 PBR metal/roughness 流程:树干与叶片使用独立材质,树干带法线和粗糙度贴图,叶片是 alpha 测试(MATERIAL_ALPHATEST)的卡片,会写入深度、投出正确阴影。海滩、海岛和绿洲场景里成千上万的树干可用 thinInstanceAdd 精简实例,每个网格保持一次 draw call;隐藏的碰撞网格可交给 checkCollisions 或 Havok 的 PhysicsAggregate。移动端建议从 LOD1 起用,减少叶片 overdraw。

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

关于写实风格

写实模型采用 PBR metal/roughness 流程,glTF 2.0、Unity、Unreal、Godot 和 three.js 都能直接读取。

  • 树皮:树干和树枝使用基础色、法线和粗糙度贴图。
  • 树叶:带叶簇贴图的 Alpha 测试(Masked)面片,而不是半透明混合,因此会写入深度、无需排序,阴影也正确。
  • 树皮与树叶使用独立材质,Draw Call 数量可预期,适合 GPU 实例化。
  • LOD0 用于近景;LOD1–LOD3 逐级减少树枝和叶片面片,最后一级足够轻,适合远景。

最适合 PC 和主机上的第一/第三人称游戏、生存类、开放世界和模拟器。移动端建议把 LOD1 或 LOD2 作为最近一级,并注意树叶的 overdraw。

在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)。

资源包

其他类别

其他风格的同款

其他引擎的同款