Estoy usando Three.js para hacer una interfaz 3D y después de construir el diseño básico y agregar algo de geometría de prueba, quiero probar cómo gira la cámara y no puedo averiguar exactamente cómo hacer que gire alrededor del eje Y únicamente cuando intento desplazarse hacia arriba/abajo. Estoy usando vainilla JS. Si alguien tiene algún consejo sobre cómo abordar esto, gracias.
Utilice esta demostración en vivo simplificada como plantilla de código:
let camera, scene, renderer; let mesh; init(); render(); function init() { camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 0.01, 10); camera.position.z = 4; scene = new THREE.Scene(); const geometry = new THREE.BoxGeometry(); const material = new THREE.MeshNormalMaterial(); mesh = new THREE.Mesh(geometry, material); scene.add(mesh); renderer = new THREE.WebGLRenderer({antialias: true}); renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.domElement); window.addEventListener('wheel', onMouseWheel); } function onMouseWheel(event) { mesh.rotation.y += event.deltaY * 0.01; render(); } function render() { renderer.render(scene, camera); } body { margin: 0; } <script src="https://cdn.jsdelivr.net/npm/three@0.141/build/three.min.js"></script>