如何在A幀中加載新場景？

Question

我正在使用A-Frame（JavaScript庫）。我想在用戶點擊當前場景中的某個組件時加載一個新場景。我怎樣才能做到這一點？

Answer 1

查看A-Frame Template Component。值得注意的是Swapping Example。

您可以在腳本標記內或在單獨的文件中定義單獨的場景。下面是腳本標籤模板的例子：

<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/aframe-template-component/blob/master/examples/swapping/components/template-looper.js

主要將是el.setAttribute('template', 'src', '#sphere');

對於其他組件是c烏爾德協助改變源：

• Event Set Component可以幫助聽你的mouseenter和響應改變src。
• 模板組件還附帶template-set組件，該組件將更改事件上的模板。