En analog klokke
Klokka tegnes med følgende kode:
Som du ser av koden bruker funksjonene push() og pop() i gjentatte ganger. I p5js innebærer push() at vi tar vare på både koordinatsystemet og stilsettinger. pop() bringer oss tilbake til tilstanden før siste push(). Det er viktig at det er match mellom push() og pop(). Jeg har valgt å bruke indentering i koden for å beholde oversikten over dette. Hva som lagres ved push(), og hentes ved pop(), er beskrevet i dp5js-dokumentasjonen. Når det gjelder manipulering av koordinatsystemet gjelder det translate(), scale() og rotate().
Datoen lages ved et kall på følgende funksjon:
Du kan inspisere denne strukturen på denne siden:
test.html
https://borres.hiof.no/wep/proc/p5js/klokke/test.html