资产的使用示例

我们将资产放在 <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>

在初始化和渲染之前,场景及其实体将等待每个资产(直到超时)。