SCENE · Vite + three
反射地面(Reflector)Reflective floor with Reflector
使用 Reflector 或平面镜像技巧做地面反射,适合产品展台。
旗舰完整演示
可交互场景(拖拽旋转;部分演示支持键盘)。下方提示词用于让 Agent 生成同级成品。
预期产出 · Returns
Vite 场景:中央物体 + 反射地面,反射分辨率可降以保性能。
适合用在哪
汽车/产品展示、舞台、科技感展厅。
容易踩的坑
- 反射贴图分辨率过高会显著掉帧。
提示词 · Prompt
Vite + Three.js:
1) 从 three/examples/jsm/objects/Reflector.js 导入 Reflector,作为地面;
2) 设置 textureWidth/Height(如 512)控制反射开销;
3) 场景中央放 TorusKnot 或加载占位 Box;
4) 注意 Reflector 与 renderer 的渲染顺序,在注释中说明 onBeforeRender;
5) OrbitControls,限制从下方观察穿模;
6) 提供开关关闭反射对比效果。
输出完整文件。
Vite Reflector floor, central mesh, togglable reflection, OrbitControls pitch limit.