collada-model

NOTE: This version of the documentation tracks unstable development happening on A-Frame’s master branch. If you wish to try it out, grab the unstable build. Otherwise, head to the documentation for the current 0.7.0 version

The collada-model component loads a 3D model using a COLLADA (.DAE) file.

Example

We can load a COLLADA model by pointing to an asset that specifies the src to a COLLADA file.

<a-scene>
<a-assets>
<a-asset-item id="tree" src="/path/to/tree.dae"></a-asset-item>
</a-assets>
<a-entity collada-model="#tree"></a-entity>
</a-scene>

Values

Type Description
selector Selector to an <a-asset-item>
string url()-enclosed path to a COLLADA file

Events

Event Name Description
model-loaded COLLADA model has been loaded into the scene.

Loading Inline

We can also load a COLLADA model by specifying the path directly within url(). Note this is less performant than going through the asset management system.

<a-entity collada-model="url(/path/to/tree.dae)"></a-entity>

More Resources

We can find and download models on the web to drop into our scenes: