threejs-interaction - 构建交互式 Three.js 场景
在 Three.js 中处理射线检测、相机控制、鼠标和触摸输入、对象选择及交互式 3D 场景行为。
标签
更新于: 2026-10-01能力
典型输入
典型输出
该技能可以做什么
- 执行射线检测
- 转换指针坐标
- 处理触摸输入
- 配置相机控制
- 变换选中对象
- 拖拽 3D 对象
- 实现对象选择
- 实现框选
输入
- Three.js 场景
- Three.js 相机
- 渲染器 DOM 元素
- 交互对象
- 鼠标事件
- 触摸事件
- 键盘事件
输出
- 对象选择状态
- 对象变换状态
- 相机控制状态
- 指针锁定状态
- 控制台消息
- 渲染后的交互式场景
要求
- Three.js
- 浏览器 DOM 环境
- 相机和场景
- 带 DOM 元素的渲染器