threejs-landscape - 为主体场景构建 Live Three.js 程序化景观
构建基于 Three.js 的程序化景观，包含极坐标地形网格、坡度顶点着色、GPU 实例化草地与岩石、渐变天空及平滑时段过渡。
标签
更新于: 2026-09-19能力
典型输入
典型输出
该技能可以做什么
- 生成相机中心极坐标高度场
- 应用定义域扭曲生成地形高度
- 根据坡度和湿度计算顶点颜色
- 渲染 GPU 实例化风动草地
- 通过拒绝采样散布岩石网格
- 动态更新 Canvas 渐变天空
- 构建相机视角受限的星空图层
- 平滑插值过渡时段状态
输入
- 地形高度与噪点控制参数
- 不同时段的环境状态参数
- 相机仰角限制条件
- 风力与草地动画参数
输出
- Three.js 地形 BufferGeometry 网格
- 实例化草地与岩石网格对象
- CanvasTexture 天空穹顶材质
- Points 星空粒子对象
要求
- Three.js 依赖库
- WebGL 渲染环境