Der er tre skridt du skal kende til
for at gøre dine tegninger
forrygende farverige.
Lad os starte med at farvelægge baggrunden
For at gøre det, skriv bare background
efterfulgt af (,
og så kommer resten af linjen af sig selv.
Hvis man kigger godt efter, så ser man,
at det er et funktionskald.
Se, vi har funktionens navn her,
altså background,
og så ( )
og inde i dem tre parametre,
adskilt af kommaer.
Disse tre tal angiver hvor meget
rød, grøn og blå
der er i baggrundsfarven.
Tallene kan være hvad som helst
mellem 0 og 255,
hvor 0 betyder der ikke er noget
af den farve,
og 255 betyder vi har max af den farve.
Lige nu har vi max rød,
og ingen grøn og blå.
Derfor er baggrunden
meget kraftigt rød.
Hvis vi gør det første tal mindre,
er der mindre rød
så den ser mørkere ud.
Jeg kan blive ved med at
lege med tallene
og se hvilke farver jeg kan finde på,
eller, jeg kan bruge vores
super smarte farvevælger,
som sætter alle tre tal for mig.
Det er vigtigt at vide, at
det som funktionen background
i virkeligheden gør
er at tegne en stor farvet firkant
over hele tegneområdet.
Hvis jeg flytter den til sidst
i mit program, sådan,
så tegner den den store firkant
hen over alle mine former.
Så tænker du nok:
"Det er dumt!
Hvem skal dog bruge det?"
Men, hey, hvem ved?
Vi lader den være i toppen
indtil videre
Nu skal vi farvelægge vores former!
Det kan hjælpe at forestille sig
at computeren har en farve-assistent,
eller en slags farve-butler.
Altså en fyr der står for farverne.
Ham fyren kan kun holde én farveblyant
i sin venstre hånd
og én spand maling i sin højre hånd.
Computeren bruger så farveblyanten
til at tegne alle linjerne
og spanden med maling til at
fylde formerne.
Lige nu er blyanten sort,
og spanden har hvid maling.
Du kan skifte blyantens farve
ved at kalde funktionen stroke
Den gør linjen færdig for dig,
og lader dig så også vælge en farve.
Den funktion skifter farve på blyanten
som fyren holder,
så alle former der tegnes efter den linje
bliver tegnet med en lyserød farveblyant.
Nogle gange gider du ikke
at have omrids på dine former.
Det er der også en funktion til!
Den hedder noStroke,
og nu skal vi for første gang
se en funktion, som ikke tager
nogen parametre.
Vi har bare et tomt par ( ), og så et ;,
og nu kan du se at vores former
ikke har noget omrids mere.
Vi kan også udskifte
farve-fyrens malingspand.
ved at kalde funktionen fill.
Fra den linje af,
kan vi nu se at alle former er
fyldt med rød farve.
Ligesom vi har en noStroke-funktion,
så har vi også en noFill-funktion,
som heller ikke tager nogen parametre.
Den gør alle vores former gennemsigtige;
de har ikke nogen udfyldning.
Lad os nu begynde at faktisk
farvelægge vores fyr.
Vi starter med at tegne en trekant
som hans krop.
Jeg vælger en farve med stroke,
sætter farven på stregen,
Lad os vælge en... mørkegrøn farve.
Nu skal vi vælge en farve at udfylde med.
Hmm. Hvad kunne være en god farve?
Måske en lidt lysere grøn?
En lysere grøn?
Den er pæn.
Til hans ansigt har vi ikke
lyst til grønne linjer,
Så jeg ændrer farve med stroke.
Lad os vælge en halvmørk brun-agtig farve.
Nu vælger vi en anden fyld-farve med fill.
Åh gud!
Hvad er en god ansigtsfarve...
Det er en slags ansigtsfarve, ikke?
De næste to former, de her to ellipser,
er hans hænder
Jeg vil have, at hans hænder er samme
farve som hans ansigt.
Så jeg skifter ikke farveblyanten
eller spanden med maling.
Vi lader bare stroke og fill være uændret
og fortsætter til hans mund.
Hans mund er bare en linje.
fill gør ikke noget ved linjer,
fordi de ikke har noget at putte farven i.
Men vi kan ændre linjens farve med stroke.
Ja, rød er en fin farve til en mund.
Og nu til hans brillestænger.
Vi skal igen kun sætte stroke.
Hvad er en god farve til nogle briller?
Sort er ret klassisk.
Til hans brillers linser,
vil jeg gerne have rektanglerne til at
have samme omrids som brillestængerne.
Så jeg ændrer ikke på stroke,
men giver den en ny fill farve.
Lad os gøre dem sorte, så de matcher
brillestængerne.
Sådan!
Vores fyr er farvelagt!
Awwwwww, yeah!