JavaScript - workshop
JavaScript - workshop
Embedded Files
circle(200, 150, 70, "red");
circle(200, 150, 70, "red");
Ovan ser du en rad kod. Detta är det minsta exemplet man kan tänka sig.
Vi anropar en funktion som heter circle som innehåller fyra argument. Mellan varje argument ska man skriva ett kommatecken.
De två första argumenten bestämmer positionen, det tredje argumentet bestämmer storleken (radien på cirkeln), och det fjärde argumentet bestämmer färgen. Observera att vi skriver färgen på engelska och med dubbelfnuttar " innan och efter.
Positionen bestäms av en X-koordinat och en Y-koordinat. X-koordinaten bestämmer hur många pixlar från skärmens vänsterkant som cirkeln ska ligga, och Y-koordinaten bestämmer hur långt från skärmens övre kant som cirkeln ska ligga. Observera att origo, x = 0 och y = 0, är i det över vänstra hörnet. Ju längre åt höger du går längs med x-axeln är det positiva x som gäller, när du går nedåt längsmed y-axeln blir det även här positiva värden. Det är alltså lite bakvänt jämfört med de koordinatsystem som vi lär ut i matematiken.
I exemplet ovan fick cirkeln ligga 200 pixlar från vänsterkanten och 150 pixlar från övre kanten.
Uppgift
Uppgift
Testa att byta färg på cirkeln samt göra den större. Hur gick du tillväga?
Testa att byta färg på cirkeln samt göra den större. Hur gick du tillväga?
Page updated
Report abuse