資產的使用示例

我們將資產放在 <a-assets> 中,我們將 <a-assets> 放在 <a-scene> 中。資產包括:

  • <a-asset-item> - 3D 模型和材料等雜項資產
  • <audio> - 聲音檔案
  • <img> - 影象紋理
  • <video> - 視訊紋理

在瀏覽器提取(或錯誤)所有資產或資產系統達到超時之前,場景不會呈現或初始化。

我們可以在 <a-assets> 中定義我們的資產,並使用選擇器指向我們實體的資產:

<a-scene>
  <!-- Asset management system. -->
  <a-assets>
    <a-asset-item id="horse-obj" src="horse.obj"></a-asset-item>
    <a-asset-item id="horse-mtl" src="horse.mtl"></a-asset-item>
    <a-mixin id="giant" scale="5 5 5"></a-mixin>
    <audio id="neigh" src="neigh.mp3"></audio>
    <img id="advertisement" src="ad.png">
    <video id="kentucky-derby" src="derby.mp4"></video>
  </a-assets>

  <!-- Scene. -->
  <a-plane src="advertisement"></a-plane>
  <a-sound src="#neigh"></a-sound>
  <a-entity geometry="primitive: plane" material="src: #kentucky-derby"></a-entity>
  <a-entity mixin="giant" obj-model="obj: #horse-obj; mtl: #horse-mtl"></a-entity>
</a-scene>

在初始化和渲染之前,場景及其實體將等待每個資產(直到超時)。