Her finner du dokumentasjonen for p5
- Last ned koden i dette prosjektet (html, css og js)
- Åpne prosjektet i VSCode, slik at du kan endre koden
- Åpne index.html i nettlesern
- Fargen på trekanten matcher dårlig med bakgrunnen. Finn en mere smakfull fargekombinasjon :)
- Bruk
circle(x, y, diameter)
ogrect(x, y, width, height)
til å tegne en emoji som ligner mest mulig på 😬
Her kommer noen flere oppgaver i ulik spicyness, velg hvilke(n) du vil :)
- 🥝Kopier denne koden til din egen editor og se om du kan gjøre den mer fargesprakende og morsom?
- 🌶️Tegn 80 sirkler, plassert på random steder på skjermen
- Gjør størrelsen på sirklene random
- Gi sirklene ulike (random) farger
- 🌶️🌶️Tegn et rutenett med f.eks. 50x30 ruter, der rutene har størrelser som gjør at alt passer inn på skjermen
- I stedet for å plassere hver rute presist, la de..
- ...variere/slingre bittelitt i posisjoneringen
- ...variere/slingre bittelitt i størrelse
- Trenger du inspirasjon til hvordan tegne et rutenett?
- 🌶️🌶️🌶️Lag en funksjon
drawCircle(x, y, size)
som tegner (med halv-gjennomsiktig farge) en sirkel med de gitte parameterne. Deretter kaller funksjonen seg selv, men med en liten endring i parameternes verdi. Får du til noe kreativt v.hj.a. slik rekursjon? - 🌶️🌶️🌶️Klarer du å tegne noe alla dette?