SuperAPI AI 工具集

threejs-interaction-v2

办公与效率

查看项目

更新于 10-15 21:10

技能介绍

用途:该技能面向 Three.js 场景中的用户交互需求,适用于需要射线拾取(raycasting)、对象拾取、指针与触摸输入、相机控制,或构建交互式 3D 体验而非被动渲染的场景。

主要能力:涵盖 Raycaster、相机控制、TransformControls、DragControls、选择系统与键盘输入等主题。射线拾取部分包括从相机或任意原点方向发射射线、获取交点信息(distance、point、face、object、uv、normal、instanceId 等)、鼠标坐标归一化、触摸事件处理、near/far 裁剪、Line/Points 阈值、layers 过滤与节流优化。相机控制部分覆盖 OrbitControls、FlyControls、FirstPersonControls、PointerLockControls、TrackballControls、MapControls 的导入与常用参数,如阻尼、旋转/缩放限制、自动旋转、target 设置及在动画循环中调用 update。TransformControls 支持移动/旋转/缩放模式、local/world 空间与 dragging-changed 事件。

使用方式:按需加载上游复制的参考、示例或脚本文件,先阅读 metadata.json 与 ORIGIN.md 确认来源,再执行工作流;示例代码可作为脚手架,需按具体任务调整。

限制:资料未提供收费、价格、平台或效果信息;支持文件路径多为 n/a,实际可用资源需以仓库为准。任务若转向架构、调试、设计或安全,应移交相关技能。