Как правильно захватить курсор для First-Person камеры

В этой теме 2 ответа, 2 участника, последнее обновление 5 лет, 7 месяцев назад сделано webgl.

Просмотр 3 сообщений - с 1 по 3 (из 3 всего)

Автор

Сообщения
1 апреля, 2019 в 00:11 #13343
webgl
Customer
В RunCode() пишу:
```
var container = document.getElementById('container');
container.addEventListener('click', function () {
  container.requestPointerLock();
}, false);
```
Курсор захватывается, но камера мышью не управляется, можно только перемещаться с клавиатуры. Чего-то явно не хватает, а чего я не понимаю.

https://artdive.ru
1 апреля, 2019 в 16:47 #13346
Alexander Kovelenov
Staff
После перехода в режим PointerLock нужно крутить саму камеру исходя из event-ов мыши:
```
function onMouseMove(event) {

    var movementX = event.movementX || event.mozMovementX || event.webkitMovementX || 0;
    var movementY = event.movementY || event.mozMovementY || event.webkitMovementY || 0;

    ...
}
```
Или можно назначить PointerLockControls на камеру, как это сделано в этой демке: https://cdn.soft8soft.com/demo/examples/index.html?q=pointerlo#misc_controls_pointerlock

Soft8Soft Tech Chief
X | FB | LinkedIn
1 апреля, 2019 в 18:06 #13350
webgl
Customer
Отлично, спасибо:
```
        container.addEventListener("mousemove", onMouseMove, false);

        function onMouseMove(event) {

            var movementX = event.movementX || event.mozMovementX || event.webkitMovementX || 0;
            var movementY = event.movementY || event.mozMovementY || event.webkitMovementY || 0;

            app.camera.rotateX(-movementY/1000)
            app.camera.rotateY(-movementX/1000)

        }
```
https://artdive.ru
Автор

Сообщения

Просмотр 3 сообщений - с 1 по 3 (из 3 всего)

Для ответа в этой теме необходимо авторизоваться.