NOTE: This version of the documentation tracks unstable development happening on A-Frame’s
masterbranch. If you wish to try it out, grab the unstable build. Otherwise, head to the documentation for the current 1.4.0 version
The obj-model component loads a 3D model and material using a Wavefront (.OBJ) file and a .MTL file.
We can load an .OBJ model by pointing to assets that specify the path to an .OBJ and .MTL file.
|obj||Selector to an
|mtl||Selector to an
|model-loaded||.OBJ model has been loaded into the scene.|
We can also load assets by specifying the path directly within
url(). Note this is less performant than going through the asset management system.
<a-entity obj-model="obj: url(/path/to/tree.obj); mtl: url(/path/to/tree.mtl)"></a-entity>
See Introduction → 3D Models → Troubleshooting.
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.