WEBVTT

00:00:01.336 --> 00:00:03.148
Nu hvor vi har lært at skrive tekst,

00:00:03.148 --> 00:00:04.509
lad os blive mere avanceret.

00:00:04.509 --> 00:00:07.819
Den første smarte ting vi skal
lære er ordet 'streng'

00:00:07.819 --> 00:00:10.610
Du tænker måske streng
- som på min guitar?

00:00:10.610 --> 00:00:13.045
For programmører er
tekststreng et specielt navn,

00:00:13.045 --> 00:00:14.427
vi bruger for bider af tekst.

00:00:14.427 --> 00:00:16.566
Du kan se dem lidt som dele,
hvis det hjælper.

00:00:16.566 --> 00:00:19.473
Dit navn er en tekststreng,
din skoles navn er en tekststreng,

00:00:19.473 --> 00:00:22.100
og alle SMS'er du har sendt
er tekststrenge.

00:00:22.100 --> 00:00:25.810
Du kan egentlig se en
tekststreng som tekst.

00:00:25.810 --> 00:00:28.565
Vi har allerede tegnet og 
farvelagt tekststrenge.

00:00:28.565 --> 00:00:30.987
Kan vi bruge variabler
sammen med tekststrenge? Ja!

00:00:30.987 --> 00:00:33.365
Lige som du normalt vil
gemme et tal i en variabel,

00:00:33.365 --> 00:00:35.607
kan du også gemme en 
tekststreng i en variabel.

00:00:35.607 --> 00:00:37.391
Vi kan for eksempel skrive

00:00:37.391 --> 00:00:40.965
>var myName = "Sophia";<

00:00:40.965 --> 00:00:42.599
og husker gåseøjnene.

00:00:42.599 --> 00:00:44.484
Nu kan vi indsætte variablen 'myName'

00:00:44.484 --> 00:00:46.799
i teksten i stedet for at skrive "Sophia",

NOTE Paragraph

00:00:46.799 --> 00:00:48.536
som vi gjorde før.

00:00:48.536 --> 00:00:50.528
Selv om det ser ud på samme måde,

00:00:50.528 --> 00:00:53.300
så kan vi nu skrive det flere gange

00:00:53.300 --> 00:00:56.046
en gange her, en gang der.

00:00:56.046 --> 00:00:59.402
Det eneste du skal gøre er
at ændre denne ene variabel

00:00:59.402 --> 00:01:04.025
til dit navn og dit navn skrives 3 gange.

00:01:04.025 --> 00:01:05.816
Lad os gå tilbage.

00:01:05.816 --> 00:01:08.092
Hvad hvis vi vil gøre noget skørt?

00:01:08.092 --> 00:01:10.147
Kan vi lægge strenge sammen, ligesom

00:01:10.147 --> 00:01:12.671
da vi lærte at lægge variable samme?

00:01:12.671 --> 00:01:14.581
Det kan vi skam godt.

00:01:14.581 --> 00:01:17.063
Computeren vil samle de to strenge.

00:01:17.063 --> 00:01:20.777
Hvis vi fjerner dette,
så navnet kun skrives en gang,

00:01:20.777 --> 00:01:22.248
og vi laver en ny variabel

00:01:22.248 --> 00:01:27.361
>var message = myName + "!!!";<

00:01:27.361 --> 00:01:32.114
og vi putter 'message' ind i 'text'
i stedet for 'myName',

00:01:32.114 --> 00:01:37.237
så kan vi se, at den sætter alle
disse udråbstegn efter mit navn.

00:01:37.237 --> 00:01:40.172
Vi kan gøre det mere spændende

00:01:40.172 --> 00:01:42.758
ved at skrive 'message' to gange.

00:01:42.758 --> 00:01:46.068
Det giver mening, addition af strenge,

00:01:46.068 --> 00:01:48.875
sætter en streng efter en anden streng.

00:01:48.875 --> 00:01:51.627
Kan man gøre noget mere skørt,

00:01:51.627 --> 00:01:54.479
som at gange eller dividere strenge?

00:01:54.479 --> 00:01:57.348
Nej det kan vi ikke,

00:01:57.348 --> 00:01:59.278
vi kan kun lægge strenge sammen.

00:01:59.278 --> 00:02:01.754
Vi kan dividere og trække
tal-variable fra hinanden,

00:02:01.754 --> 00:02:04.662
men streng-variable kan kun lægges sammen.

00:02:04.662 --> 00:02:07.444
Men det er en god ide at være
nysgerrig og stille spørgsmål

00:02:07.444 --> 00:02:09.526
når man lærer programmering.

00:02:09.526 --> 00:02:13.134
Hvad mon division af en streng kan betyde?

00:02:13.134 --> 00:02:17.355
Vi kan også bruge animation og
muse-interaktion med tekst-strenge.

00:02:17.355 --> 00:02:21.056
Vi kan for eksempel få strengen til
at følge musen ved blot at indsætte

00:02:21.056 --> 00:02:23.396
den i en draw løkke,
som vi gjorde med rektangler.

00:02:23.396 --> 00:02:25.655
Det gør vi ved at taste

00:02:25.655 --> 00:02:29.664
>var draw< og så indsætte
alt dette i funktionen.

00:02:29.664 --> 00:02:32.905
Det ser nok bekendt ud fra
introduktion til animation.

00:02:32.905 --> 00:02:36.332
For at den kan følge musen,

00:02:36.332 --> 00:02:39.459
så skal vi bruge mouseX og mouseY

00:02:39.459 --> 00:02:43.073
og sådan, nu kan vi tegne med vores navn.

00:02:43.073 --> 00:02:46.823
Hvis vi laver en baggrund,

00:02:46.823 --> 00:02:51.155
som denne pæne lyseblå,

00:02:51.155 --> 00:02:55.082
så følger teksten musen rundt,

00:02:55.082 --> 00:02:56.994
ligesom vi så med rektangler.

00:02:56.994 --> 00:03:00.133
Lige til allersidste lad os
bruge animation til

00:03:00.133 --> 00:03:02.640
at få tekststørrelsen
til at vokse og vokse og vokse.

00:03:02.640 --> 00:03:05.229
Her sætter vi 'textSize' til 30.

00:03:05.229 --> 00:03:10.657
Lad os i stedet lave >var howBig = 30< og

00:03:10.657 --> 00:03:14.421
så bruge denne variabel i stedet for 30.

00:03:14.421 --> 00:03:16.417
Det er præcis det samme.

00:03:16.417 --> 00:03:20.379
Vi skal naturligvis ændre
nogle ting for at få en animation.

00:03:20.379 --> 00:03:25.465
Vi taster >howBig = howBig + 1;<

00:03:25.465 --> 00:03:32.214
som betyder, at størrelsen af howBig
nu bliver 1 større hver gang.

00:03:32.214 --> 00:03:34.754
Lad os genstarte programmet.

00:03:34.754 --> 00:03:37.495
Sådan, når vi flytter musen omkring

00:03:37.495 --> 00:03:40.207
så bliver tekststørrelsen større
og større og større,

00:03:40.207 --> 00:03:42.716
på grund af denne linje lige her.

00:03:42.716 --> 00:03:44.716
Du kan måske selv prøve

00:03:44.716 --> 00:03:47.730
at få den til at vokse hurtigere?

00:03:47.730 --> 00:03:51.653
Nu kan du ikke kun ændre figurer med kode,

00:03:51.653 --> 00:03:54.771
du kan også ændre tekst med kode.