Mehrere a-Szene mit Leinwand

Question

Ich wollte eine Haustour mit A-Frame bauen. Das Haus verfügt über 6 Zimmer, die Sie erkunden können. Ich habe gelesen, dass wir Canvas in einer Szene verwenden können. Ich frage mich, ob es möglich ist, mehrere Canvas wie canvas = "canvas: scene1", scene2 und so weiter zu haben.

Hier ist mein Beispielcode für die erste Szene ist

<a-scene canvas="canvas: scene1"> 
 
     <a-assets> 
 
     <img id="abtus" src="images/about.jpg"> 
 
     <img id="led" src="images/2.jpg"> 
 
     <img id="crt" src="images/3.jpg"> 
 
     <img id="scm" src="images/4.jpg"> 
 
     <img id="dev" src="images/5.jpg"> 
 
     <a-mixin id="cube" geometry="primitive: box"></a-mixin> 
 
     <a-mixin id="black" material="color: black"></a-mixin> 
 
     <a-mixin id="yellow" material="color: #EB9C27"></a-mixin> 
 
     <a-mixin id="link" geometry="primitive: plane; width: 0.8; height: 0.8"> 
 
     <a-mixin id="link-selected" geometry="primitive: plane; width: 1.4; height: 1.4"> 
 
     </a-mixin> 
 
     </a-assets> 
 

 
     <!-- camera --> 
 
     <a-entity camera no-click look-controls> 
 
     <a-entity id="cursor" position="0 0 -3" 
 
       geometry="primitive: ring; radiusOuter: 0.1; 
 
          radiusInner: 0.05;" 
 
       material="color: green; shader: flat" 
 
       cursor="maxDistance: 900; fuse: true; timeout=1500"> 
 
     <a-animation begin="click" easing="ease-in" attribute="scale" 
 
      fill="backwards" from="0.1 0.1 0.1" to="1 1 1" dur="150"></a-animation> 
 
     <a-animation begin="fusing" easing="ease-in" attribute="scale" 
 
      fill="forwards" from="1 1 1" to="0.1 0.1 0.1" dur="1500"></a-animation> 
 
     </a-entity> 
 
    </a-entity> 
 
      <a-entity 
 
     geometry="primitive:sphere;radius:5000;segmentsWidth:64;segmentsHeight:64" 
 
     material="shader:flat;color:#ffffff;fog:false;src:abtus" 
 
     scale="-1 1 1" 
 
     id="photosphere"> 
 
    </a-entity> 
 
</a-scene>

Letzte Frage

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Verwandte Themen

• Keine verwandten Themen^_^