FoliMesh

适用于three.js的写实风格藤蔓与常春藤

写实风格植被:PBR 树皮与树叶贴图、法线贴图,树叶使用 Alpha 测试面片。 面向 Web 的轻量 GLB 植被:用 GLTFLoader 加载,把各级 LOD 网格接入 THREE.LOD,你的场景里就有了一片森林。 本组涵盖游戏场景中的攀爬与垂挂植物:缠绕在树干上的藤蔓、爬满墙面的爬山虎、攀附石块和砖面的常春藤,以及从树枝和树冠垂落的悬挂藤蔓。它们让丛林、废墟和旧建筑显得草木丛生,柔化生硬的边缘。 每个模型都提供 LOD0 至 LOD3、碰撞体和底部轴心,可直接附着在树干、墙壁和岩石上,无需额外设置。风力权重让叶片和卷须自然摇摆。每个新种子都会改变叶片密度、长度和生长形态,模型可导出为 GLB、FBX 和 OBJ,适配 Unity、Unreal Engine、Godot 和 Bevy。 本合集共有5个游戏就绪模型。每个模型都带有LOD0–LOD3、碰撞体和位于底部的轴心点,每个新种子都会生成同一物种的新变体。

模型
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。

在three.js中使用

在 three.js 中,用 three/addons 里的 GLTFLoader 加载 GLB;只有当文件使用相应扩展时才需要 DRACOLoader 或 KTX2Loader。

  • 距离 LOD:使用 THREE.LOD,通过 lod.addLevel(mesh, distance) 添加 LOD0–LOD3,每帧根据与相机的距离切换级别。
  • 森林:InstancedMesh 一次 Draw Call 即可绘制成千上万个副本,BatchedMesh 可混合多种树木变体。THREE.LOD 不会作用于单个实例,需要自己按区块将实例按 LOD 分组。
  • 树叶:glTF 的 alphaMode MASK 会转换为 material.alphaTest,双面材质会自动设置 side: THREE.DoubleSide。
  • 碰撞网格:设为不可见,并交给 Rapier 或 cannon-es 等物理库使用。

同时适用于 WebGLRenderer 和 WebGPURenderer。

其他类别

其他风格的同款

其他引擎的同款