28 Three.js解决方案之选中、拾取某物体

在日常的Three.js应用中，我们除了要渲染出3D场景外，还需要大量用户鼠标或笔触(手指触摸)操作。

在讲解本文正式内容之前，我们先讲解一下Three.js官方帮我们写好的控制器。

在之前示例中我们经常使用的是OrbitControls，除了这个以外还有其他几种控制器。

镜头轨道控制器

再次重申，在本系列文章中 “镜头” 和 “摄像机” 是同一个意思，我个人更习惯使用 “镜头” 这个词。

在Three.js中，官方提供了以下几种控制器：

补充说明：

1. 在使用DeviceOrientationControls时，需要在每次渲染函数中执行.update()
2. 在使用DragControls时，需要给控制器实例添加.addEventListener(‘drag’, render)
3. 在使用FirstPersonControls时，当浏览器窗口尺寸发生变化时，需要执行.handleResize()，已更新交互范围
4. 在使用FlyControls时，当浏览器窗口尺寸发生变化时，需要适当修改.movementSpeed和 执行.update( delta:number)
5. 在使用OrbitControls时，若要获得阻尼惯性效果，要设置.enableDamping = true
6. 在使用PointerLockControls时，锁定(隐藏)鼠标光标的是执行.lock()，退出(显示)鼠标光标的是执行.unlock
7. 在使用TrackballControls时，可以通过键盘A/S/D键来控制场景视角

以上这些控制器，都是用户与场景之间的交互操作。

那么接下来，我们讲解一下在场景中，一些我们自定义的一些鼠标交互操作：拾取元素

抱歉，本系列教程暂停更新。

接下来一段时间，我打算去开发一个3D云点标注工具。

还是从实战中去学习Three.js吧，或许有一天会重新继续更新本系列教程。