Pyörivä neliö

Tehdään jo aikaisemmin tehty pyörivä neliö konnagrafiikalla.

void draw () {
translate(width/2,height/2); // Origo ikkunan keskelle
scale(1,-1); // xy-koordinaastio peilaamalla y-koordinaatit
for (int b=1; b <= 30; b++) { // 30 neliötä. b = 1,2,3,...,30
fill(random(255),random(255),random(255)); // Satunnainen väri
translate(-100,100); // Siirrä origo vasemmalle ylös
for (int a=1; a <= 4; a++) { // Yksi neliö = 4 sivua, a = 1,2,3,4
eteen(200);
oikealle(90);
}
translate(100,-100); // Palauta origo neliön keskelle
oikealle(12); // Pyöritä 12° astetta
}
}

Tässä sisemmällä for-silmukalla piirrämme neliön eli toistamme yhtä sivua neljä kertaa. Neliön pyöritys tapahtuu ikkunan keskellä origossa. Ennen piirtämistä siirrämme neliön keskellä olevan origon vasemmalle ylös ja piirtämisen jälkeen palautamme origon neliön keskelle. Nyt tulostuu seuraavaa. Tässä viivan paksuus (w) on pienennetty arvoon 5.