Note: This documentation is for the old 0.5.0 version of A-Frame. Check out 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>
If you don’t see your model, try scaling it down. OBJ models vertices commonly have large scales of units in comparison to A-Frame’s unit of meters.
We can find and download models on the web to drop into our scenes: