A-Frameで新しいシーンを読み込む方法は？

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

主それはCの他の構成要素についてel.setAttribute('template', 'src', '#sphere');

あろうSRCを変更する支援ウルド：

• Event Set ComponentあなたのMouseEnterに耳を傾ける助けと反応してsrcを変更することができます。
• テンプレートコンポーネントには、イベント時にテンプレートを変更するtemplate-setコンポーネントも付属しています。