mcpField
T
threejs-interaction

threejs-interaction

github.com/sickn33开发48.9k108 次安装今天更新
代码仓库

关于 threejs-interaction

用于为 Three.js 场景添加交互的技能,适用于射线检测、对象拾取、指针或触控输入及相机控制,并强调验证行为和清理资源。

主要功能

  1. 01射线检测与对象拾取
  2. 02指针与触控输入
  3. 03相机控制
  4. 04交互式 3D 场景

适用场景

  1. 01为画布添加对象选择
  2. 02处理调整大小或滚动后的指针输入
  3. 03支持键盘选择
  4. 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