Search code examples
aframewebvr

a-frame how to use several gltf

I want to show 50 trees in different positions, but doing so takes 3 minutes to load and the browser does not respond for a few seconds

<a-entity position="-11.39987 0.07117 -83.67416" scale="0.02 0.01 0.01" gltf-model="#tree"></a-entity>
<a-entity position="15.54987 0.07117 -83.67416" scale="0.02 0.01 0.01" gltf-model="#tree"  ></a-entity>
<a-entity position="-11.39987 0.07117 -100.67416" scale="0.07 0.03 0.03" gltf-model="#tree" ></a-entity>

I'm new to this, will there be another way to load the same model in different positions?. I want to add more models but with this problem I can't do it at the moment

Solution

  • You can load a single model, and then create a custom component, that will create an array of new entities, and you can create the gltf-model component on each of the new entities, and this effectively makes instances of the original. You can then create other components, position, rotation, material, etc and vary the parameters inside.

    Here is a glitch