适用于Babylon.js的低多边形3D模型：树木与棕榈

适用于Babylon.js的低多边形风格3D模型

为 Babylon.js 准备低多边形植被，只差一个 GLB 文件：用 @babylonjs/loaders 中的 glTF 加载器载入（ImportMeshAsync，需要大量副本时用 LoadAssetContainerAsync），再串起 lod0.addLODLevel(30, lod1) 与 addLODLevel(80, lod2)，远处树木的开销几乎归零。颜色全部存放在顶点色（COLOR_0）中，面使用平面着色，所以橡树、云杉、竹子或巨柱仙人掌能共用同一个材质，批处理与实例化都很干净。

本组 42 个模型在 LOD0 下从几百到约两千个三角面，另带 LOD1–LOD3 以及隐藏的碰撞网格，可直接配合 checkCollisions 或 Havok 物理。成千上万棵树用 thinInstanceAdd 渲染，每个网格只占一次 draw call；只有每株植物都需要单独拾取时才改用 createInstance。适合城市建设、策略类游戏和移动端 WebGL/WebGPU 场景。

关于低多边形风格

低多边形是渲染成本和包体体积都最低的风格。

平面着色：每个面一个法线，呈现清晰的多面体效果，不需要法线贴图。
颜色存储在顶点色（glTF COLOR_0）中：没有贴图、无需处理 UV，几乎不占显存。
树叶是实体几何，而不是 Alpha 面片：没有 Alpha 测试和透明 overdraw，这对移动 GPU 很重要。
场景中所有模型可以共用一个材质，树木很容易合批和实例化。
LOD0 的常见预算从几百到两千左右个三角形。

适合移动端、WebGL/WebGPU、VR、策略、城市建造和风格化独立游戏。在引擎中请使用会乘以顶点色的材质。

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