Creative
threejs-controls
>-
>-
ALWAYS use this skill when the user mentions:
TransformControlsIMPORTANT: controls vs webxr
| Context | Skill | |---------|--------| | Desktop/browser camera nav | threejs-controls | | XR controller poses | threejs-webxr |
Trigger phrases include:
(camera, domElement); for TransformControls also attach to renderer events.enableDamping, call controls.update() each frame.dragging-changed to disable Orbit temporarily; sync with selection from threejs-objects.controls.dispose() when tearing down.See examples/workflow-orbit-damping.md.
| Docs section | Representative links | |--------------|----------------------| | Controls | https://threejs.org/docs/OrbitControls.html | | Controls | https://threejs.org/docs/TransformControls.html | | Controls | https://threejs.org/docs/MapControls.html | | Controls (index) | https://threejs.org/docs/#Controls |
update() with damping enabled causes drift never settling.Controls are under Controls (Addons) in three.js docs. API details (enableDamping, events) evolve—link OrbitControls / TransformControls pages for the user’s three.js version.
When answering under this skill, prefer responses that:
controls.update() when damping is on, every frame.TransformControls with selection / threejs-objects raycasting.dispose() on controls when unmounting canvas.English: orbitcontrols, transformcontrols, mapcontrols, damping, camera controls, three.js
中文： OrbitControls、轨道、TransformControls、变换控制器、阻尼、three.js
确保开发环境已安装必要的依赖和工具。
根据项目需求进行基础配置。
按照示例代码实现核心功能。
运行测试确保功能正常。
完成开发后进行部署和监控。