Как настроить элементы управления указателем в three.js?

Question

На основании замка указателя управляет пример
http://pages.cs.wisc.edu/~lizy/mrdoob-three.js-ef5f05d/examples/misc_controls_pointerlock.html

Как этот пример можно модифицировать так, чтобы мы могли идти вверх и вниз с помощью клавиш и увеличения и уменьшения масштаба с помощью колеса или клавиши мыши?

Любые другие советы по настройке элементов управления указателем также приветствуются.

Answer 1

Используйте переключатели, чтобы определить, какая клавиша нажата. Добавьте соответствующие eventListeners.

KeyDown

var onKeyDown = function (event) { 
    switch (event.keyCode) { 
     case 38: // up 
     case 87: // w 
      moveForward = true; 
      break; 

     ... 
    } 
}; 

document.addEventListener('keydown', onKeyDown, false); 

KeyUp

var onKeyUp = function (event) { 
    switch(event.keyCode) { 
     case 38: // up 
     case 87: // w 
      moveForward = false; 
      break; 

     ... 
    } 
}; 

document.addEventListener('keyup', onKeyUp, false); 

MouseWheel

var onMouseWheel = function (event) { 
    ... 
}; 

this.domElement.addEventListener('mousewheel', onMouseWheel, false); 
this.domElement.addEventListener('DOMMouseScroll', onMouseWheel, false); // firefox