飞行控制器(FlyControls)

优质
小牛编辑
168浏览
2023-12-01

FlyControls 启用了一种类似于数字内容创建工具(例如Blender)中飞行模式的导航方式。 你可以在3D空间中任意变换摄像机,并且无任何限制(例如,专注于一个特定的目标)。

例子

misc / controls / fly

构造函数

FlyControls( object : Camera, domElement : HTMLDOMElement )

object: 被控制的摄像机。

domElement: 用于事件监听的HTML元素。

创建一个新的 FlyControls 实例。

Events

change

Fires when the camera has been transformed by the controls.

属性

.autoForward : Boolean

若该值设为true,初始变换后,摄像机将自动向前移动(且不会停止)。默认为false

.domElement : HTMLDOMElement

该 HTMLDOMElement 用于监听鼠标/触摸事件,该属性必须在构造函数中传入。在此处改变它将不会设置新的事件监听。

.dragToLook : Boolean

若该值设为true,你将只能通过执行拖拽交互来环视四周。默认为false

.movementSpeed : Number

移动速度,默认为1

.object : Camera

被控制的摄像机。

.rollSpeed : Number

旋转速度。默认为0.005

方法

.dispose () : null

若不再需要该控制器,则应当调用此函数。

.update ( delta : Number ) : null

delta: Time delta value.

更新控制器,常被用在动画循环中。

源代码

examples/jsm/controls/FlyControls.js