INTERACTION · Vite + three
TransformControls 变换 gizmoTransformControls gizmo
平移 / 旋转 / 缩放选中物体，与 OrbitControls 协作（拖拽 gizmo 时禁用轨道）。
旗舰完整演示
可交互场景（拖拽旋转；部分演示支持键盘）。下方提示词用于让 Agent 生成同级成品。
预期产出 · Returns
Vite：点击选中 mesh，W/E/R 切换模式，导出选中物体 position/rotation/scale 到 console。
适合用在哪
编辑器原型、场景布置工具、关卡编辑器的最小版。
容易踩的坑
- 忘记在 dragging 时禁用 OrbitControls 会导致操作打架。
提示词 · Prompt
Vite + Three.js：
1) 导入 TransformControls 与 OrbitControls；
2) 点击 mesh 附着 transform control，点击空白 detach；
3) dragging-changed 事件里禁用 orbit；
4) 键盘 W/E/R 切换 translate/rotate/scale；
5) 空格打印当前 attach 对象的 transform JSON；
6) 中文注释事件顺序。
完整实现。
Vite TransformControls + OrbitControls, W/E/R modes, log transform JSON.