point()-funktionen tager imod et x-koordinat og et y-koordinat,
og tegner et punkt på skærmen.
Den har tegnet én pixel på skærmen, som du måske kan ane, hvis du kigger tæt.
Hvis du vil lave punktet større
kan du kalde funktionen strokeWeight() med en ny størrelse, som f.eks. 10.
Lad os tale om (matematiske) udtryk.
Et udtryk er en vilkårlig tekststreng af tal og symboler, som
evalueres til et separat tal.
For eksempel er 1+1 et udtryk, som evalueres til 2.
Et mere kompliceret udtryk kan f.eks. være 4 + 3 * 8 / (2 + 2),
hvilket evalueres til [...] 2.
Pyt, det er lige meget hvad det evalueres til.
Pointen, når du koder, er,
at du hvor du normalt ville bruge et tal, kan indsætte et af disse udtryk i stedet.
Eksempelvis kaldes denne point()-funktion med to tal som parametre.
I stedet for 100, kan jeg skrive 50+50,
eller måske 25*4,
hvilket computeren så vil evaluere for os, før den tegner punktet på den position.
Operatorernes orden, som du kender fra skolen, gælder også når du koder.
Husker du "PEMDAS"?
Muligvis ikke, men det er
netop forkortelsen jeg lærte i skolen, hvilket står for
Parenteser, Eksponenter, Multiplikation, Division, Addition og Subtraktion.
Eksponenten har intet symbol i dette sprog, så i vores tilfælde, har vi bare "PMDAS."
Det betyder, at alt som står i parentes skal evalueres først,
hvorefter multiplikationer og divisioner evalueres, fra venstre mod højre.
Endeligt skal vi addere og subtrahere, ligeledes fra venstre mod højre.
Lad os gennemgå nogle flere eksempler, og se hvilke muligheder vi har.
Vi starter et rektangel på 100 * (4 - 2),
og giver det som y-koordinat (300 + 50) / 7 + 80
divideret med 7 - 80
Og en bredde på 100 + 50..
og en højde på 60 * 3.
Pyh! Sikke en tyk firkant.
Måske er det bedre at sænke strokeWeight(),
til f.eks. 10 - 7, ikke sandt?
Jeg kan også starte en ellipse()
på punkt 130 + 50,
på 100 + 60, og på 40 * 3.
Den sidste kan være 200 - 17. Ikke?
Se så lige engang:
Det ligner jo lidt..
en (elefant)!
Det var det - Nu har du styr på matematisk udtryk!