Как загрузить новую сцену в A-Frame?

Ознакомьтесь с компонентом шаблона A-Frame. В частности, Пример обмена.

Вы можете определить свои отдельные сцены в тегах сценария или в отдельных файлах. Вот пример шаблона тега скрипта:

<a-scene>
  <!-- Templates. -->
  <a-assets>
    <script id="scene1" type="text/html">
      <a-box></a-box>
    </script>
    <script id="scene2" type="text/html">
      <a-sphere></a-sphere>
    </script>
  </a-assets>

  <a-entity template="src: #box"></a-entity>
</a-scene>

Затем, когда вы захотите изменить сцену, измените src:

<a-entity template="src: #sphere"></a-entity>

Вот пример компонента для программного изменения шаблона src через интервал: https://github.com/ngokevin/kframe/blob/master/components/template/examples/swapping/components/template-looper.js

В основном это будет el.setAttribute('template', 'src', '#sphere');

Для других компонентов, которые могут помочь изменить src:

• Компонент набора событий может помочь прослушать ваш центр мыши и изменить src в ответ.
• Компонент шаблона также поставляется с template-set компонентом, который изменяет шаблон при событии.