资产的使用示例
我们将资产放在 <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>
在初始化和渲染之前,场景及其实体将等待每个资产(直到超时)。