Opdracht: een animatie die een functie aanroept

 

  1. Je plaatst drie vormen op de stage zoals hierboven.
  2. Je laat het rode vierkant animeren naar de plek van de oranje driehoek.
  3. Als het rode vierkant op de plek van bestemming is start er een animatie waarin de oranje driehoek naar de plek van de groene cirkel gaat.
  4. Als de oranje driehoek op de plek van bestemming is start er een animatie waarin de groende cirkel naar de plek van het rode vierkant gaat.

 

Hint

In het object wat je meegeeft aan de animatie (zie de les over Animeren) kun je een functie plaatsen. Dat ziet er dan zo uit:

 

rect.animate({

props:{x:800},

call: doeDriehoek

});

 

De functie die je invult bij call wordt aangeroepen als de animatie klaar is.

 

Hint

Zie ook de les over functies

See the Pen lege zim by Frank Los (@franklosdus) on CodePen.

Meer bekijken

Weer een blog van Frank Los

Ik deel graag mijn visie en projecten.
Dit soort berichten maandelijks in je mail?
Meld je dan hier aan.

illustratie kadootje

Krijg je gelijk animaties voor op je site kado! 

Delen is fijn!

Wil je zelf uitblinken met visuele communicatie?

Bekijk dan mijn diensten.

Wellicht wil je meer weten over mij.