指针锁定控件

此类的实现基于Pointer Lock API.PointerLockControls是第一人称3D游戏的理想选择.

例

var controls = new PointerLockControls( camera, document.body );

// add event listener to show/hide a UI (e.g. the game's menu)

controls.addEventListener( 'lock', function () {

    menu.style.display = 'none';

} );

controls.addEventListener( 'unlock', function () {

    menu.style.display = 'block';

} );

构造器

PointerLockControls（camera：Camera，domElement：HTMLDOMElement）

camera：渲染场景的相机.

domElement：用于事件侦听器的HTML元素.

创建PointerLockControls的新实例.

更改

用户移动鼠标时触发.

锁

当指针锁定状态为“锁定”（即，鼠标被捕获）时触发.

开锁

当指针锁定状态为“未锁定”时触发（换句话说：不再捕获鼠标）.

属性

.domElement ：HTMLDOMElement

HTMLDOMElement用于侦听鼠标/触摸事件.这必须在构造函数中传递.在此处更改它不会设置新的事件侦听器.

.isLocked ：布尔值

控件是否被锁定.

方法

有关通用方法，请参见基EventDispatcher类.

.connect（）：空

添加控件的事件侦听器.

.断开连接（）：null

删除控件的事件侦听器.

.getDirection（目标：Vector3）：Vector3

target：目标向量.

返回相机的外观方向.

.lock（）：空

激活指针锁定.

.moveForward（distance：Number）：null

distance：签名距离.

平行于xz平面向前移动相机.假设camera.up为y-up.

.moveRight（distance：Number）：null

distance：签名距离.

将相机平行于xz平面向侧面移动.

.unlock（）：空

退出指针锁定.