0:00:02.518,0:00:03.908
Der er tre skridt du skal kende til

0:00:03.908,0:00:06.528
for at gøre dine tegninger[br]forrygende farverige.

0:00:06.528,0:00:08.559
Lad os starte med at farvelægge baggrunden

0:00:08.559,0:00:11.736
For at gøre det, skriv bare <i>background</i>[br]efterfulgt af <i>(</i>,

0:00:11.893,0:00:13.892
og så kommer resten af linjen af sig selv.

0:00:13.892,0:00:17.093
Hvis man kigger godt efter, så ser man,[br]at det er et funktionskald.

0:00:17.093,0:00:19.074
Se, vi har funktionens navn her,

0:00:19.074,0:00:22.235
altså <i>background</i>,[br]og så <i>( )</i>

0:00:22.235,0:00:24.778
og inde i dem tre parametre,[br]adskilt af kommaer.

0:00:25.018,0:00:29.782
Disse tre tal angiver hvor meget[br]rød, grøn og blå

0:00:29.782,0:00:31.226
der er i baggrundsfarven.

0:00:31.236,0:00:34.792
Tallene kan være hvad som helst[br]mellem 0 og 255,

0:00:35.142,0:00:37.393
hvor 0 betyder der ikke er noget[br]af den farve,

0:00:37.393,0:00:39.787
og 255 betyder vi har max af den farve.

0:00:39.787,0:00:42.963
Lige nu har vi max rød,[br]og ingen grøn og blå.

0:00:42.963,0:00:45.050
Derfor er baggrunden[br]meget kraftigt rød.

0:00:45.050,0:00:48.128
Hvis vi gør det første tal mindre,[br]er der mindre rød

0:00:48.138,0:00:49.662
så den ser mørkere ud.

0:00:49.662,0:00:51.332
Jeg kan blive ved med at[br]lege med tallene

0:00:51.332,0:00:53.258
og se hvilke farver jeg kan finde på,

0:00:53.258,0:00:56.144
<i>eller</i>, jeg kan bruge vores[br]super smarte farvevælger,

0:00:56.204,0:00:58.942
som sætter alle tre tal for mig.

0:00:59.382,0:01:00.671
Det er vigtigt at vide, at

0:01:00.671,0:01:02.980
det som funktionen <i>background</i>[br]i virkeligheden gør

0:01:02.980,0:01:06.080
er at tegne en stor farvet firkant[br]over hele tegneområdet.

0:01:06.080,0:01:08.765
Hvis jeg flytter den til sidst[br]i mit program, sådan,

0:01:08.765,0:01:10.500
så tegner den den store firkant

0:01:10.500,0:01:11.905
hen over alle mine former.

0:01:12.015,0:01:13.520
Så tænker du nok:[br]"Det er dumt!

0:01:13.520,0:01:14.715
Hvem skal dog bruge det?"

0:01:14.715,0:01:16.530
Men, hey, hvem ved?

0:01:16.770,0:01:18.820
Vi lader den være i toppen[br]indtil videre

0:01:19.070,0:01:20.749
Nu skal vi farvelægge vores former!

0:01:20.749,0:01:22.306
Det kan hjælpe at forestille sig

0:01:22.306,0:01:24.073
at computeren har en farve-assistent,

0:01:24.073,0:01:27.000
eller en slags farve-butler.

0:01:27.000,0:01:29.357
Altså en fyr der står for farverne.

0:01:29.547,0:01:34.590
Ham fyren kan kun holde én farveblyant[br]i sin venstre hånd

0:01:34.620,0:01:39.079
og én spand maling i sin højre hånd.

0:01:39.209,0:01:42.463
Computeren bruger så farveblyanten[br]til at tegne alle linjerne

0:01:42.463,0:01:44.550
og spanden med maling til at[br]fylde formerne.

0:01:44.550,0:01:47.269
Lige nu er blyanten sort,[br]og spanden har hvid maling.

0:01:47.499,0:01:49.265
Du kan skifte blyantens farve

0:01:49.291,0:01:51.227
ved at kalde funktionen <i>stroke</i>

0:01:51.531,0:01:55.274
Den gør linjen færdig for dig,[br]og lader dig så også vælge en farve.

0:01:55.274,0:01:58.310
Den funktion skifter farve på blyanten[br]som fyren holder,

0:01:58.320,0:02:00.290
så alle former der tegnes efter den linje

0:02:00.310,0:02:02.260
bliver tegnet med en lyserød farveblyant.

0:02:02.260,0:02:05.000
Nogle gange gider du ikke[br]at have omrids på dine former.

0:02:05.010,0:02:06.544
Det er der også en funktion til!

0:02:06.544,0:02:10.175
Den hedder <i>noStroke</i>,[br]og nu skal vi for første gang

0:02:10.175,0:02:12.686
se en funktion, som ikke tager[br]nogen parametre.

0:02:12.686,0:02:17.009
Vi har bare et tomt par <i>( )</i>, og så et <i>;</i>,

0:02:17.009,0:02:19.718
og nu kan du se at vores former[br]ikke har noget omrids mere.

0:02:19.718,0:02:21.861
Vi kan også udskifte[br]farve-fyrens malingspand.

0:02:21.861,0:02:24.684
ved at kalde funktionen <i>fill</i>.

0:02:25.484,0:02:27.509
Fra den linje af,

0:02:27.509,0:02:29.924
kan vi nu se at alle former er[br]fyldt med rød farve.

0:02:30.024,0:02:31.961
Ligesom vi har en <i>noStroke</i>-funktion,

0:02:31.961,0:02:37.308
så har vi også en <i>noFill</i>-funktion,[br]som heller ikke tager nogen parametre.

0:02:38.028,0:02:41.327
Den gør alle vores former gennemsigtige;[br]de har ikke nogen udfyldning.

0:02:42.087,0:02:44.423
Lad os nu begynde at faktisk[br]farvelægge vores fyr.

0:02:44.433,0:02:46.987
Vi starter med at tegne en trekant[br]som hans krop.

0:02:46.987,0:02:49.022
Jeg vælger en farve med <i>stroke</i>,

0:02:49.022,0:02:50.479
sætter farven på stregen,

0:02:51.219,0:02:54.856
Lad os vælge en... mørkegrøn farve.

0:02:56.246,0:02:58.407
Nu skal vi vælge en farve at udfylde med.

0:02:58.757,0:03:02.241
Hmm. Hvad kunne være en god farve?[br]Måske en lidt lysere grøn?

0:03:02.241,0:03:04.475
En lysere grøn?[br]Den er pæn.

0:03:04.965,0:03:07.547
Til hans ansigt har vi ikke[br]lyst til grønne linjer,

0:03:07.547,0:03:10.189
Så jeg ændrer farve med <i>stroke</i>.

0:03:12.899,0:03:17.742
Lad os vælge en halvmørk brun-agtig farve.

0:03:17.762,0:03:19.767
Nu vælger vi en anden fyld-farve med <i>fill</i>.

0:03:19.767,0:03:20.942
Åh gud!

0:03:21.202,0:03:24.777
Hvad er en god ansigtsfarve...

0:03:25.217,0:03:29.343
Det er en slags ansigtsfarve, ikke?

0:03:30.033,0:03:32.854
De næste to former, de her to <i>ellipse</i>r,[br]er hans hænder

0:03:32.854,0:03:35.671
Jeg vil have, at hans hænder er samme[br]farve som hans ansigt.

0:03:35.671,0:03:37.269
Så jeg skifter ikke farveblyanten

0:03:37.269,0:03:38.507
eller spanden med maling.

0:03:38.507,0:03:40.837
Vi lader bare <i>stroke</i> og <i>fill</i> være uændret

0:03:40.837,0:03:42.250
og fortsætter til hans mund.

0:03:42.460,0:03:44.891
Hans mund er bare en linje.

0:03:46.551,0:03:50.592
<i>fill</i> gør ikke noget ved linjer,[br]fordi de ikke har noget at putte farven i.

0:03:50.672,0:03:53.153
Men vi kan ændre linjens farve med <i>stroke</i>.

0:03:54.063,0:03:56.156
Ja, rød er en fin farve til en mund.

0:03:56.246,0:03:57.814
Og nu til hans brillestænger.

0:03:57.834,0:04:00.005
Vi skal igen kun sætte <i>stroke</i>.

0:04:00.025,0:04:01.928
Hvad er en god farve til nogle briller?

0:04:01.938,0:04:03.683
Sort er ret klassisk.

0:04:03.793,0:04:07.724
Til hans brillers linser,

0:04:07.814,0:04:11.465
vil jeg gerne have rektanglerne til at[br]have samme omrids som brillestængerne.

0:04:11.465,0:04:14.796
Så jeg ændrer ikke på <i>stroke</i>,[br]men giver den en ny <i>fill</i> farve.

0:04:17.126,0:04:20.032
Lad os gøre dem sorte, så de matcher[br]brillestængerne.

0:04:20.032,0:04:22.487
Sådan![br]Vores fyr er farvelagt!

0:04:22.487,0:04:26.070
Awwwwww, yeah!