Objecten animeren
Je kan de eigenschappen van 3D-objecten in een VR-scene animeren met het attribuut "animation". Het animatie-attribuut verwacht een aantal parameters. In eerste instantie welke eigenschap van het object je wil animeren(bijvoorbeeld "rotation") en vervolgens de specificaties van die animatie.
animation="property: rotation; to: 0 360 0; loop: true; dur: 10000"
property | rotation |
to | 0 360 0 |
loop | true |
dur | 10000 (milliseconden) |
... | ... |
Een voorbeeld:
<html>
<head>
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<img id="space" src="images/melkweg.jpg">
<img id="wolk" src="images/wolken.jpg">
</a-assets>
<a-sphere src="#wolk" radius="2.25" color="#FF0000" position="0 0 -10"
animation="property: rotation; to: 0 360 0; loop: true; dur: 10000"></a-sphere>
<a-sky src="#space"></a-sky>
</a-scene>
</body>
</html>
Demo