Sistema di riferimento spaziale 2D

L'origine (posizione 0,0) si trova in alto a sinistra.

I valori di x (asse delle ascisse) aumentano verso destra.

I valori di y (asse delle ordinate) aumentano verso il basso, a differenza delle normali convenzioni sulle coordinate cartesiane.

Il primo valore indicato è sempre la x e il secondo la y [vedi 60,30].

L'istruzione createCanvas() permette di predisporre uno spazio 3D aggiungendo WEBGL come terzo parametro. In questo caso l'origine coinciderà con il centro dello schermo e si potrà usare anche la coordinata z... ma il 3D verrà trattato più ampiamente nelle prossime lezioni.