关于 threejs-interaction
用于为 Three.js 场景添加交互的技能,适用于射线检测、对象拾取、指针或触控输入及相机控制,并强调验证行为和清理资源。
主要功能
- 01射线检测与对象拾取
- 02指针与触控输入
- 03相机控制
- 04交互式 3D 场景
适用场景
- 01为画布添加对象选择
- 02处理调整大小或滚动后的指针输入
- 03支持键盘选择
- 04卸载时清理监听器与控制器
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ sickn33/ agentic-awesome-skills --skill threejs-interaction安装后在 Claude Code 中输入/threejs-interaction确认已加载。
附带文件references/detailed-guide.md
详细介绍
Three.js 交互
详细指南
执行此技能前,请阅读详细指南。该指南保留了完整的操作流程和参考资料。必须遵循其中的安全要求、前置条件和验证要求。针对具体工作,请加载相关章节;进行端到端工作时,请完整阅读该指南。
适用场景
- 你需要在 Three.js 场景中实现用户交互。
- 任务涉及射线投射、对象拾取、指针处理、触摸输入或摄像机控制。
- 你正在构建交互式 3D 体验,而非被动渲染。
示例
Add pointer selection to this canvas using its bounding rectangle, test after resize/scroll and provide keyboard selection. Dispose listeners/controls on unmount and verify picking nested meshes.
限制
- 仅当任务明确符合上述范围时,才使用此技能。
- 不要将输出视为针对特定环境的验证、测试或专家审查的替代品。
- 如果缺少必需的输入、权限、安全边界或成功标准,请暂停并请求澄清。
评论
支持 Markdown