YL

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.

相关提示词

标签