@@ -206,8 +206,9 @@ loader.load('amy_Animationen_19012021.glb', function (gltf) {
```
<h4>Laden der Animationen:</h4>
In dem load() Script müssen die [Animationen](https://threejs.org/docs/#manual/en/introduction/Animation-system) initialisiert werden. Dazu wird durch den Array animations iteriert. Jede Animation beinhaltet einen Clip mit dem Namen und den Aktivitäten für einen einzelnen Bewegungsablauf. So besteht jedes Gebärdenwort wie z.B. Hallo aus einem Clip.
Wenn eine action in dem vorher definierten Wörterbuch, den baseActions enthalten ist, wird die action aktiviert und dem array _allActions_ hinzugefügt. Anschließend wird Animate() aufgerufen, was die Render Loop startet.
In dem load() Script müssen die [Animationen](https://threejs.org/docs/#manual/en/introduction/Animation-system) initialisiert werden. Dazu wird durch den Array _animations_ iteriert. Jede Animation beinhaltet einen Clip mit dem Namen und den Aktivitäten für einen einzelnen Bewegungsablauf. So besteht jedes Gebärdenwort wie z.B. Hallo aus einem Clip.
Wenn eine action in dem vorher definierten Wörterbuch, den _baseActions_ enthalten ist, wird die action aktiviert und dem array _allActions_ hinzugefügt. Anschließend wird Animate() aufgerufen, was die Render Loop startet.
```
for( let i = 0; i !== numAnimations; ++ i)
...
...
@@ -232,6 +233,7 @@ Wenn eine action in dem vorher definierten Wörterbuch, den baseActions enthalte
Die animate() Funktion ist das Herzstück von ThreeJs, ohne sie würde nichts dargestellt werden. requestAnimationFrame(animate) kreiert eine Schleife, die den darunter stehenden Code bei jeder Bildschirmaktualisierung ein mal ausführt, was in der Regel zu 60 Iterationen pro Sekunde führt. Die Funktion hat dazu den Vorteil, dass sie pausiert, wenn der Nutzer einen anderen Tab öffnet.
Die unterste Zeile renderer.render( scene, camera ) zeichnet letztendlich die Szene auf den Bildschirm.
Alle Zeilen dazwischen aktualisieren die derzeit abgespielte Animation.