Tengo un proyecto que estoy creando usando A-frame ( https://aframe.io ) y el componente A-frame en red: https://www.npmjs.com/package/networked-aframe
Enlace al proyecto: https://glitch.com/edit/#!/networkedtest
Me encontré con un problema en el que cada vez que intento reemplazar el siguiente código en scene.html en la línea 202 :
<a-scene moving-sun vr-mode-ui="enabled: false;" physics networked-scene=" room: audio; adapter: easyrtc; audio: true; video: true; debug: true; inspector=https://cdn.jsdelivr.net/gh/aframevr/aframe-inspector@master/dist/aframe-inspector.min.js">Con este código:
<a-scene moving-sun vr-mode-ui="enabled: false;" physics dynamic-room=" room: audio; adapter: easyrtc; audio: true; video: true; debug: true; inspector=https://cdn.jsdelivr.net/gh/aframevr/aframe-inspector@master/dist/aframe-inspector.min.js">Todo el código no se ejecuta correctamente y aparece una pantalla en blanco.
No estoy seguro de por qué es esto, ya que todo lo que estoy haciendo es reemplazar la networked-scene="" con dynamic-room="" pero todavía obtengo una pantalla blanca plana. Lo que me pregunto es cómo dentro del archivo scene.html en la línea 202, puedo reemplazar el primer fragmento de código con el segundo y tengo que ejecutar el código correctamente.
Si alguien sabe por qué está ocurriendo este problema, la ayuda sería muy apreciada.
Enlace al proyecto: https://glitch.com/edit/#!/networkedtest
Siempre revise la consola e intente solucionar cualquier problema que encuentre allí.
Uno de ellos es:
Por lo que veo, lo haces:
var player = document.getElementById("player"); var myNametag = player.querySelector(".nametag"); myNametag.setAttribute("text", "value", username); En su scene.html , por lo que no es necesario hacer lo mismo en el componente dynamic-room . Una vez que elimina este bit de la dynamic-room , todo funciona. Entonces, elimínelo o verifique por qué está duplicado