Estoy tratando de construir un juego de fps, pero cuando voy a rotar el piso cerca de 90 grados, simplemente desaparece de la escena. Aquí está el código responsable del avión.
var colorMap = new THREE.TextureLoader().load('/textures/wood_albedo.png'); var radian = 2 * Math.PI *(90 / 360); var geometry = new THREE.BoxGeometry(20, 20); var material = new THREE.MeshStandardMaterial({color: 'white', side: THREE.DoubleSide}); var mesh = new THREE.Mesh(geometry, material); scene.add(mesh);No estoy seguro de lo que estoy haciendo mal. Cualquier ayuda sería apreciada, gracias por leer.
Su código parece estar bien, ya que asumo que está asignando la imagen al plano detrás de escena. Lo único que verificaría es que 2 * Math.PI * (90 / 360) es lo mismo que Math.PI / 2 . Otra cosa que debes revisar es que en lugar de blanco, sería ideal usar un tono de gris para el mapa.
Su problema podría tener una solución simple: su rotación hace que el plano sea paralelo a la cámara, haciéndolo invisible. Por lo general, debe mantener sus rotaciones en términos de Math.PI Déjame saber si tienes más preguntas sobre esto.
Sugerencia: agregar un enlace jsfiddle podría ayudar en gran medida a depurar su problema.