資產的使用示例
我們將資產放在 <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>
在初始化和渲染之前,場景及其實體將等待每個資產(直到超時)。