Assets are placed within
<a-assets>, which is placed within
<a-scene>. Assets include:
<a-asset-item>- Miscellaneous assets such as 3D models
<a-mixin>- Reusable mixins
<audio>- Sound files
<img>- Image textures
<video>- Video textures
As you can see, you can use regular
<video> elements as assets.
<a-assets> <!-- an image to be used as a texture --> <img id="texture1" src="texture.png" /> <!-- a sound asset --> <audio id="willheim" src="scream.mp3"></audio> <!-- a mixin --> <a-mixin id="giant" scale="10 10 10"></a-mixin> </a-assets>
The scene loading will be blocked until all of these assets are fetched (or fail to load).
The default timeout for loading an asset is 3 seconds. This can be changed using the
timeout attribute on
To use the assets, you can simply reference them by their unique id’s
<a-entity geometry="primitive: box" material="src: #texture1" mixin="giant" ></a-entity>