2017-08-28 1 views
0

Kennt jemand vielleicht die Eigenschaft der Animationskomponente, die ich zu einem Modell in einer Szene hinzufügen würde, um es um 360 ° zu drehen (wie wenn ein Auto auf einer kreisförmigen Plattform um eine Autoshow oder etwas)? Im Idealfall es dazu das Hinzufügen und würde hoffen zu können, machen Looping wahr oder falsch: ein Blick auf dem anime.jsAnimation Komponenteneigenschaft für 360 ° Rotation

<a-entity gltf-model="#id" scale="0.5 0.5 0.5" rotation="0 90 0" animation__scale="property: scale; dir: alternate; dur: 200; easing: easeInSine; loop: false; to: 1.2 1 1.2"> 
</a-entity> 

Hat readme scheint aber konnte es nicht zu finden.

Danke

Antwort

1

Sie die Komponente grundlegende Animation verwenden:

<a-animation attribute="rotation" 
      dur="2000" 
      fill="forwards" 
      to="0 360 0" 
      repeat="indefinite" 
      easing="linear" 
      ></a-animation> 

Das Attribut Rotation ist, stellen Sie den Winkel auf 0 360 0, und die Lockerung gesetzt, so ist es glatt zu linear.

oder benutzen ngoKevin des animation component:

animation__rot="property:rotation; 
       dur:3000; 
       to:0 360 0; 
       loop: true; 
       easing:linear;" 

es hier ansehen: https://jsfiddle.net/gL0pkgz7/.

+0

Ehrfürchtig, das war schnell! Genau das, was ich gesucht habe. Danke Piotr! – Jaysonvdw

+0

froh, dass ich helfen könnte :) –