How to load 3D object at runtime in aframe?

Question

I am working on an aframe project where runtime loading of 3D object is required. I have read A-Frame documentations, and aframe doesn't seem to support runtime assets loading at all.

I discovered this aframe-asset-on-demand-component by protyze (https://github.com/protyze/aframe-asset-on-demand-component) and it seems to allow runtime loading of img, audio and video. But its documentation does not indicate the possibility of loading 3D objects like files in .obj or .dae at runtime.

Has anyone tried using the above-mentioned component to achieve runtime loading of 3D objects? Or is there any alternative ways to achieve this purpose?

Answer 1

Ignore <a-assets> since that is for pre-runtime network preloading.

Just set the model component with setAttribute:

el.setAttribute('gltf-model', 'path/to/model.gltf')

or

el.setAttribute('obj-model', {obj: 'path/to/model.obj'})