Red de conocimiento informático - Problemas con los teléfonos móviles - Three.js implementa visualización VR

Three.js implementa visualización VR

Preparación:

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>

? material.side = THREE.DoubleSide;

?// Crear objeto de malla

const mesh = new THREE.Mesh(geometría, material)

?// 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)

renderer.render(escena, cámara)

?}

? animate()

? /p>

cámara.aspecto = ventana.anchointerior / ventana.alturainterior

cámara.updateProjectionMatrix()

renderer.setSize(ventana.anchointerior, ventana.alturainterior)

?}

})

()