Блог

Я пытаюсь создать каркасный мир виртуальной реальности, но когда я загружаю веб-сайт, я получаю в левом верхнем углу элемент с именем класса: rs-база код:

 lt;htmlgt;  lt;headgt;  lt;meta charset="utf-8"gt;  lt;titlegt;Tracked Controllers — Networked-Aframelt;/titlegt;  lt;meta name="description" content="Tracked Controllers — Networked-Aframe"gt;   lt;script src="https://aframe.io/releases/1.2.0/aframe.min.js"gt;lt;/scriptgt;  lt;script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.slim.js"gt;lt;/scriptgt;  lt;!-- lt;script src="dist/aframe.min.js"gt;lt;/scriptgt; --gt;  lt;script src="/easyrtc/easyrtc.js"gt;lt;/scriptgt;  lt;script src="/dist/networked-aframe.js"gt;lt;/scriptgt;  lt;script src="js/sync.js"gt;lt;/scriptgt;  lt;script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v6.1.1/dist/aframe-extras.min.js"gt;lt;/scriptgt;  lt;script src="https://unpkg.com/aframe-randomizer-components@^3.0.1/dist/aframe-randomizer-components.min.js"gt;lt;/scriptgt;  lt;script src="https://unpkg.com/aframe-environment-component@1.2.0/dist/aframe-environment-component.min.js"gt;lt;/scriptgt;  lt;/headgt;   lt;bodygt;  lt;input  id="username-overlay"  style="z-index: 100; bottom: 24px; left: 24px; position:fixed;"  oninput="document.getElementById('local-avatar').setAttribute('player-info', 'name', this.value)"  /gt;  lt;a-scene  stats  networked-scene="  room: handcontrollers;  debug: false;  "gt;  lt;a-assetsgt;  lt;a-asset-item id="left-hand-model" src="./assets/leftHandHigh.glb"gt;lt;/a-asset-itemgt;  lt;a-asset-item id="right-hand-model" src="./assets/rightHandHigh.glb"gt;lt;/a-asset-itemgt;   lt;template id="camera-rig-template"gt;  lt;a-entitygt;lt;/a-entitygt;  lt;/templategt;   lt;template id="head-template"gt;  lt;a-entity class="avatar" player-infogt;  lt;a-sphere class="head" scale="0.2 0.22 0.2" gt;lt;/a-spheregt;  lt;a-entity class="face" position="0 0.05 0" gt;  lt;a-sphere class="eye" color="white" position="0.06 0.05 -0.16" scale="0.04 0.04 0.04" gt;  lt;a-sphere class="pupil" color="black" position="0 0 -1" scale="0.2 0.2 0.2"gt;lt;/a-spheregt;  lt;/a-spheregt;  lt;a-sphere class="eye" color="white" position="-0.06 0.05 -0.16" scale="0.04 0.04 0.04"gt;  lt;a-sphere class="pupil" color="black" position="0 0 -1" scale="0.2 0.2 0.2"gt;lt;/a-spheregt;  lt;/a-spheregt;  lt;/a-entitygt;  lt;a-text class="nametag" value="?" rotation="0 180 0" position=".25 -.35 0" side="double" scale=".5 .5 .5"gt;lt;/a-textgt;  lt;/a-entitygt;  lt;/templategt;   lt;template id="left-hand-template"gt;  lt;a-entitygt;  lt;a-gltf-model class="tracked-left-hand" rotation="0 0 90" src="#left-hand-model"gt;lt;/a-gltf-modelgt;  lt;/a-entitygt;  lt;/templategt;   lt;template id="right-hand-template"gt;  lt;a-entitygt;  lt;a-gltf-model class="tracked-right-hand" rotation="0 0 -90" src="#right-hand-model"gt;lt;/a-gltf-modelgt;  lt;/a-entitygt;  lt;/templategt;  lt;/a-assetsgt;   lt;a-entity environment="preset:starry; groundColor: #000000;"gt;lt;/a-entitygt;  lt;a-entity light="type:ambient; intensity:.5"gt;lt;/a-entitygt;  lt;a-entity id="camera-rig"  tracked-vr-hands  movement-controls="fly:false;"  networked="template:#camera-rig-template;"  gt;  lt;a-entity id="local-avatar" camera position="0 1.6 0" look-controls  networked="template:#head-template;" visible="false"gt;  lt;/a-entitygt;  lt;/a-entitygt;  lt;/a-scenegt;  lt;/bodygt; lt;/htmlgt;  

Я прокомментировал все сценарии, которые уже есть в моей системе, чтобы узнать, не вызвало ли это проблему, но это не решило проблему. Я видел, как элемент создается в aframe.min.js файл, но я не знаю, как остановить его загрузку в

rs-base это класс, используемый stats пользовательским интерфейсом. Вы можете переключить пользовательский интерфейс, просто добавив / удалив stats атрибут в/из сцены (нажмите кнопку).:

 const scene = document.querySelector("a-scene"); const btn = document.querySelector("button") btn.addEventListener("click", evt =gt; {  if (scene.getAttribute("stats")) {  scene.removeAttribute("stats")  } else {  scene.setAttribute("stats", "")  } }) 

 lt;script src="https://aframe.io/releases/1.2.0/aframe.min.js"gt;lt;/scriptgt; lt;button style="z-index: 9999; position: fixed; top: 0; left: 0"gt;togglelt;/buttongt; lt;a-scene statsgt;  lt;a-box position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"gt;lt;/a-boxgt;  lt;a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E"gt;lt;/a-spheregt;  lt;a-cylinder position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"gt;lt;/a-cylindergt;  lt;a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"gt;lt;/a-planegt;  lt;a-sky color="#ECECEC"gt;lt;/a-skygt; lt;/a-scenegt;