SCENE · 单文件 HTML
线性雾与深度层次Linear fog for depth cues
用 Fog 或 FogExp2 拉开远景层次，配合同色地面与物体排布。
旗舰完整演示
可交互场景（拖拽旋转；部分演示支持键盘）。下方提示词用于让 Agent 生成同级成品。
预期产出 · Returns
单 HTML：一排渐远立方体，雾参数可调，背景色与 fog 颜色一致避免接缝。
适合用在哪
户外场景、阵列物体、需要弱化远处噪点的展示。
容易踩的坑
- fog 颜色与 clearColor 不一致会出现地平线硬边。
提示词 · Prompt
单文件 HTML + Three.js：
1) scene.fog = new THREE.Fog(0xcccccc, near, far)，near/far 用 lil-gui 或滑块调节；
2) 沿 Z 轴放置 20 个相同 mesh，间距递增；
3) renderer.setClearColor 与 fog.color 同步；
4) OrbitControls 俯视略倾斜；
5) 注释说明 linear fog 与 exponential 的取舍。
交付完整 HTML。
Single HTML: THREE.Fog with adjustable near/far, row of meshes, matched background color.