collada-model

Note: This documentation is for the old 0.3.0 version of A-Frame. Check out the documentation for the current 1.6.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>

Additional Resources

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

Sketchup’s 3D Warehouse - Repository of models.
Clara.io - Repository of models.
Blender - A free open-source 3D modeling program with plenty of existing learning resources to create models.