Help needed. Example to loop over models

[Kevin-Mattheus-Moerman]

I'd like to create a while loop whereby for each iteration the rendered model is reloaded.

Currently I render a static model like this:

 <a-marker type='barcode' value='206'>
     <a-entity obj-model="obj: url(/models/bunny.obj); mtl: url(/models/bunny.mtl)"></a-entity>
 </a-marker>

But I want to be able to deform the model, e.g. let it be soft and rubbery and suffer from gravity. I have a separate code that deforms the model due to the updated gravity direction (and I can replace the files). What I am lacking now is a way to iteratively keep updating the model in time.

So is there something like this pseudocode I can use?

WHILE TRUE
    WAIT(t)
    <!-- Now update model --> 
    <a-marker type='barcode' value='206'>
        <a-entity obj-model="obj: url(/models/bunny.obj); mtl: url(/models/bunny.mtl)"></a-entity>
    </a-marker>
END

If there is a better way to handle model deformations (that goes beyond rigid body motion or affine transforms), then I'm interested in hearing about that too.

Thanks

[nickw1]

Hi @Kevin-Mattheus-Moerman so you want to perform an animation so that the model properties change over time?

You can use the DOM to access A-Frame elements and update their properties, in the same way as standard HTML. Some detail is given on the A-Frame website https://aframe.io/

If you add an A-Frame component to the entity you want to animate, you can then add a tick() method to that component to perform an animation on each new frame.

If I have understood you correctly, I would recommend reading up on how to use the A-Frame API from JavaScript and creating your own A-Frame components.