Three.js implementa visualización VR
1. Three.js /r/2019/07/01/L3D137S8ENDIADDWAYUI5L7GLUF3P3WS888_3000x4000.jpg?x-oss-process=image/resize,m_fill,w_1600.h_920/format,webp')< / p>
?//crear material
? const material = new THREE.MeshBasicMaterial({ map: textura })
?// Renderizar ambos lados de la esfera p> p>
? material.side = THREE.DoubleSide;
?// Crear objeto de malla
const mesh = new THREE.Mesh(geometría, material) p >
?// Rellena la escena con objetos de malla
? scene.add(mesh)
?// Coloca la cámara en el centro de la esfera
? camera.position.set(-0.3, 0, 0)
?// Controlador (si se producen errores, visite github y copie OrbitControls.js /mrdoob/tres.js/blob /dev/examples /js/controls/OrbitControls.js )
?const controles = new THREE.OrbitControls(camera, renderer.domElement);
? ", () =gt; {
renderer.render(escena, cámara);
?});
? controles.minDistance = 1;
? controles.maxDistance = 2000;
? controles.enablePan = false
?//Ajustar el valor máximo
. minDistance = 1 // controles.maxDistance = 200;
? controles.maxDistance = 2
? función animar () {
requestAnimationFrame(animar) p>
renderer.render(escena, cámara)
?}
? animate()
? /p>
cámara.aspecto = ventana.anchointerior / ventana.alturainterior
cámara.updateProjectionMatrix()
renderer.setSize(ventana.anchointerior, ventana.alturainterior) p>
?}
})
()