WEBVTT

00:00:00.236 --> 00:00:02.719
Ind til videre har vi tegnet en masse,

00:00:02.719 --> 00:00:05.193
men vi har ikke rigtig snakket om
noget så simpelt som,

00:00:05.193 --> 00:00:07.595
f.eks. at skrive dit navn,
det er emnet for denne lektion: <i>tekst</i>.

00:00:07.595 --> 00:00:10.049
Hvorfor bruge tekst?

00:00:10.049 --> 00:00:12.303
Måske for at vise en 
pointtæller i et spil

00:00:12.303 --> 00:00:14.739
eller få en figur til at tale
eller bare få dit navn til at vokse

00:00:14.739 --> 00:00:16.305
og skrumpe og skifte farve.

00:00:16.305 --> 00:00:18.654
Lad os komme i gang og prøve at skrive "hello."

00:00:18.654 --> 00:00:24.353
Hvis vi forsøger at skrive "text(hello)",
så får vi den her mærkelig fejl,

00:00:24.353 --> 00:00:27.424
der siger at "hello er ikke defineret,"
hvad betyder det?

00:00:27.424 --> 00:00:29.431
Problemet er at programmet

00:00:29.431 --> 00:00:31.058
tror at "hello" er en variabel,

00:00:31.058 --> 00:00:33.715
og det giver jo mening
fra programmets perspektiv

00:00:33.715 --> 00:00:36.222
fordi "hello" kunne godt være en variabel,
hvordan skulle den vide andet?

00:00:36.222 --> 00:00:38.991
Så hvordan fortæller vi vores program
at det rent faktisk er tekst?

00:00:38.991 --> 00:00:41.350
Det er nemt! Vi skal bare huske

00:00:41.350 --> 00:00:43.159
at putte gåseøjne omkring.

00:00:43.159 --> 00:00:45.083
Gåseøjne fortæller
at det ikke en variabel,

00:00:45.083 --> 00:00:46.457
men at det er tekst

00:00:46.457 --> 00:00:48.153
og vi vil have programmet til at vise det som tekst.

00:00:48.153 --> 00:00:50.226
Du kan huske det ved
at tænke på en bog,

00:00:50.226 --> 00:00:51.739
hvor personerne snakker,

00:00:51.739 --> 00:00:53.694
og der er gåseøjne om
det de siger.

00:00:53.694 --> 00:00:56.162
Og tilsvarende, når du vil have
programmet til at sige noget,

00:00:56.162 --> 00:00:58.400
så skal du skrive
gåseøjne omkring teksten.

00:00:58.400 --> 00:01:00.899
Og det er faktisk rigtig vigtigt
og nemt at glemme.

00:01:00.899 --> 00:01:03.891
Så jeg siger det lige igen,
hvis du skal bruge tekst

00:01:03.891 --> 00:01:05.753
i dit program, så skal du altid

00:01:05.753 --> 00:01:07.526
sætte gåseøjne omkring.

00:01:07.526 --> 00:01:10.112
Ellers får du nogle
rigtig mærkelig fejlbeskeder.

00:01:10.112 --> 00:01:12.606
Og husk, hvis du ser 
nogle mærkelige fejlbeskeder,

00:01:12.606 --> 00:01:15.359
så dobbelttjek at
du har husket gåseøjne.

00:01:15.359 --> 00:01:17.232
Sådan! Nu bruger vi gåseøjne,

00:01:17.232 --> 00:01:18.755
og fejlen er forsvundet.

00:01:18.755 --> 00:01:20.928
Men du har måske lagt mærke til
at der ikke sker noget,

00:01:20.928 --> 00:01:22.217
skærmen er stadig blank,

00:01:22.217 --> 00:01:24.890
men det mærkelige er at
hvis vi sætter en baggrund,

00:01:24.890 --> 00:01:29.114
lad os sige rød baggrund,
så kan vi se at den er der.

00:01:29.114 --> 00:01:33.120
Det er bare skrevet med hvid farve,
så problemet er

00:01:33.120 --> 00:01:36.106
at vi skriver hvid tekst,
på en hvid baggrund,

00:01:36.106 --> 00:01:37.952
og det var derfor vi ikke kunne se teksten.

00:01:37.952 --> 00:01:40.451
Det lyder lidt skørt,
hvorfor skriver du

00:01:40.451 --> 00:01:42.940
hvid tekst på en hvid baggrund?

00:01:42.940 --> 00:01:45.893
Det kan vi ændre,
for vi har allerede lært at

00:01:45.893 --> 00:01:47.006
udfylde vores figurer.

00:01:47.006 --> 00:01:49.891
Og ligesom vi kan udfylde
et rektangel eller en linje,

00:01:49.891 --> 00:01:51.796
så kan vi også sætte 
udfyldningsfarven for tekster

00:01:51.796 --> 00:01:54.231
ligesom før, og der er den!

00:01:54.231 --> 00:01:56.410
Den bliver vist uden at vi 
behøver baggrunden.

00:01:56.410 --> 00:02:00.609
Lad os se lidt mere på hvordan 
<i>text</i>-kommandoen virker.

00:02:00.609 --> 00:02:02.324
Den første del er åbenlys nok,

00:02:02.324 --> 00:02:04.419
det er bare den tekst vi gerne vil skrive.

00:02:04.419 --> 00:02:06.584
Hvis vi ændrer den næste del,

00:02:06.584 --> 00:02:08.949
kan vi se at det bare er
hvor langt henne,

00:02:08.949 --> 00:02:11.776
og den næste er bare
hvor langt op og ned.

00:02:11.776 --> 00:02:14.822
Det ser nok rigtig bekendt ud,
fra da vi bare

00:02:14.822 --> 00:02:15.868
tegnede rektangler.

00:02:15.868 --> 00:02:17.620
En ting der er lidt drilagtig

00:02:17.620 --> 00:02:19.542
er at teksten har to koordinater

00:02:19.542 --> 00:02:24.256
men her angiver de hjørnet
nederst til venstre.

00:02:24.256 --> 00:02:27.222
Mens det for rektangler
er hjørnet øverst til venstre, heroppe.

00:02:27.222 --> 00:02:30.280
Og det kan se ud som om at
det bare var gjort for at forvirre dig,

00:02:30.280 --> 00:02:32.761
men det er bare noget
man lige skal huske.

00:02:32.761 --> 00:02:34.913
Vi kan prøve at eksperimentere
og se det for os selv.

00:02:34.955 --> 00:02:39.219
Vi kan ændre sætte dette
til "height" og vi kan se at,

00:02:39.219 --> 00:02:42.448
ja, den sætter nederste venstre
koordinat til højden.

00:02:44.358 --> 00:02:46.225
Eller vi kan sætte det til nul,

00:02:46.225 --> 00:02:50.002
og hvad tror du så vi kan forvente?

00:02:50.002 --> 00:02:53.391
Vi kan slet ikke se det!
Men hvis vi langsomt forøger tallet

00:02:53.391 --> 00:02:56.326
så kan vi se at det lige
stikker frem øverst oppe.

00:02:56.326 --> 00:02:59.782
Igen er det fordi, at det er er koordinatet
nederst til venstre, som vi angiver,

00:02:59.782 --> 00:03:01.754
ikke det øverste til venstre.

00:03:01.754 --> 00:03:05.611
Okay, nok analyse af 
<i>text</i>-kommandoen.

00:03:05.611 --> 00:03:07.278
Lad os gøre det endnu bedre.

00:03:07.278 --> 00:03:09.514
For eksempel, ved at 
gøre teksten større

00:03:09.514 --> 00:03:12.435
ved at bruge <i>textSize</i>
der fortæller programmet

00:03:12.435 --> 00:03:13.886
hvor stort den skal tegne teksten.

00:03:13.886 --> 00:03:16.099
Og vi kan angive "30",
som er ret stort,

00:03:16.099 --> 00:03:17.688
vi kan endda gøre det endnu større,

00:03:17.688 --> 00:03:20.457
eller vi kan gøre rigtig,
rigtig, rigtig, rigtig småt.

00:03:20.457 --> 00:03:23.034
Hvad end vi vil. Lad os prøve
at skrive dit navn


00:03:23.034 --> 00:03:25.641
og måske en lille besked
om dig selv nedenunder.

00:03:25.641 --> 00:03:28.646
Siden jeg ikke kender dit navn,
vil jeg bare tegne mit eget navn.

00:03:28.646 --> 00:03:30.871
Lige om lidt kan du kan ændre det til dit eget.

00:03:30.871 --> 00:03:34.264
Så ved at bruge det vi lige lærte,
kan vi skrive <i>text("Sophia")</i>

00:03:34.264 --> 00:03:35.887
og der er mit navn.

00:03:35.887 --> 00:03:38.135
Vi kan også prøve at skrive
en lille besked nedenunder,

00:03:38.135 --> 00:03:43.493
f.eks. "I like puppies
and guitars and coding."

00:03:43.493 --> 00:03:46.709
Det er fint,
undtagen at vi åbentlys har brug for

00:03:46.709 --> 00:03:48.945
at ændre positionerne
så de ikke overlapper.

00:03:48.945 --> 00:03:51.647
Men åh nej, det er jo en
rigtig lang tekststreng,

00:03:51.647 --> 00:03:55.449
så lad os prøve at skifte til
en mindre tekststørrelse.

00:03:56.499 --> 00:03:58.633
Sådan der, det ser godt ud!

00:03:58.633 --> 00:04:00.964
Undtagen, hmm,
jeg synes det er lidt kedeligt,

00:04:00.964 --> 00:04:04.393
at de begge er blå,
så lad os skifte <i>fill</i>,

00:04:04.393 --> 00:04:06.932
og lad os gøre det til en flot
hmm, lad os sige,

00:04:06.932 --> 00:04:09.804
måske en flot lilla?

00:04:09.804 --> 00:04:13.126
Okay, der har du det,
det er alt

00:04:13.126 --> 00:04:16.099
om at tegne tekst og skifte
farve og skifte størrelse.