FoliMesh

three.js 3D 植被模型

面向 Web 的轻量 GLB 植被:用 GLTFLoader 加载,把各级 LOD 网格接入 THREE.LOD,你的场景里就有了一片森林。

资源包

按类别

专为 GLTFLoader 打造

每个 FoliMesh 资源都是单个 GLB 文件。GLTFLoader 一次请求即可加载网格、材质和纹理,每一级 LOD 都是文件中的独立网格。

three.js 中的 LOD

按需设置距离,把 LOD0–LOD3 加入 THREE.LOD 对象。远处可切换为 impostor,或直接隐藏树木。每级 LOD 的三角面预算让帧率保持稳定,即使在笔记本电脑上也是如此。

适合 Web 的小体积文件

低多边形资源使用顶点色、不含纹理,整片森林的体积比一张照片还小。写实树木使用紧凑的树皮和树叶纹理,叶片采用 alpha test。

大量树木,一次 draw call

几何体干净且可共享,同一棵树可直接用于 InstancedMesh:导出多个种子(seed),分别进行实例化,即可得到不重复的森林。

支持引擎

相关内容

常见问题

如何在 three.js 中加载模型?

使用 GLTFLoader:GLB 文件包含网格、材质、纹理以及所有 LOD 级别。

支持 THREE.LOD 吗?

支持。每级 LOD 都是 GLB 中的独立网格,你可以按自己的距离把它们加入 THREE.LOD。

文件体积适合 Web 吗?

适合。低多边形资源完全不含纹理,写实树木使用紧凑纹理,并为每级 LOD 设定三角面预算。