He estado trabajando con ThreeJS durante un par de días y me he encontrado con un problema que he visto en otros juegos en línea. Cuando giro mi cámara usando PointerLockControls, hace que la cámara vaya a una rotación anterior o aleatoria. ¿Cómo arreglaría esto?

Aquí está el código que estoy usando para la cámara:

 import {PointerLockControls} from "three/examples/jsm/controls/PointerLockControls"; const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); const controls = new PointerLockControls( camera, renderer.domElement ); document.addEventListener('click', () => { document.querySelector("#bg").requestPointerLock(); });

Se ve así: https://youtu.be/RjcVDSZSvfg

¿Cómo puedo solucionar esto?