Les 2 - Animaties

Als je variabalen hebt gebruikt zoals in het voorbeeld is het eenvoudig om er een animatie van te maken! We voegen nu namelijk één regel code toe. Deze regel code verhoogt xCar met 1, iedere keer dat de draw loop doorlopen wordt. Zo wordt er steeds een nieuwe auto getekend. Alleen jammer dat de oude auto ook blijft staan.

See the Pen qPbrbe by Jurjenh (@jurjenh) on CodePen.

Wat gebeurt er nou? Elke keer wordt in de draw loop alles getekend over de tekening die er al stond. Als we dus een nieuwe auto willen zullen we de achtergrond steeds opnieuw moeten tekenen. Bovendien rijdt de auto uit het scherm. Dat gaan we later oplossen.

Nu we steeds meer code gaat toevoegen is het handig om een functie te maken voor onze auto. We voeren wat wijzigingen door en krijgen dan het volgende voorbeeld. Een rijdende auto!

See the Pen KXVWNR by Jurjenh (@jurjenh) on CodePen.

Opdracht

Ga nu een animatie maken met je eigen tekening.