Coördinatenstelsel in p5¶
In p5.js, net als in veel andere programmeeromgevingen, wordt het coördinatenstelsel gebruikt om objecten en elementen op een scherm of canvas te positioneren. Het coördinatenstelsel in p5.js heeft zijn oorsprong (0, 0) in de linkerbovenhoek van het scherm, met de x-as die horizontaal loopt van links naar rechts en de y-as die verticaal loopt van boven naar beneden.
In het voorbeeld van de oefening kun je de locatie van een aantal punten zien door er met je muis overheen te gaan. Op deze manier kun je de locatie van alle objecten in het voorbeeld bekijken.
Oefening
- Noteer van alle rechthoeken in het voorbeeld de locaties van de hoeken.
- Noteer nieuw hoekpunten voor de lichtgroene rechthoek zodat deze niet over de rode heen gaat.
Noteer al je antwoorden in een markdown document!
- X-positie, deze geeft het aantal pixels horizontaal aan vanaf de linkerkant van je canvas.
- Y-positie, deze geeft het aantal pixels verticaal aan vanaf de bovenkant van je canvas.
Bronnen¶
Meer leren¶
| Bron | Doel |
|---|---|
| P5 documentatie over coördinaten en vormen | Coördinaten begrijpen |