1 00:00:00,236 --> 00:00:02,719 Ind til videre har vi tegnet en masse, 2 00:00:02,719 --> 00:00:05,193 men vi har ikke rigtig snakket om noget så simpelt som, 3 00:00:05,193 --> 00:00:07,595 f.eks. at skrive dit navn, det er emnet for denne lektion: tekst. 4 00:00:07,595 --> 00:00:10,049 Hvorfor bruge tekst? 5 00:00:10,049 --> 00:00:12,303 Måske for at vise en pointtæller i et spil 6 00:00:12,303 --> 00:00:14,739 eller få en figur til at tale eller bare få dit navn til at vokse 7 00:00:14,739 --> 00:00:16,305 og skrumpe og skifte farve. 8 00:00:16,305 --> 00:00:18,654 Lad os komme i gang og prøve at skrive "hello." 9 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, 10 00:00:24,353 --> 00:00:27,424 der siger at "hello er ikke defineret," hvad betyder det? 11 00:00:27,424 --> 00:00:29,431 Problemet er at programmet 12 00:00:29,431 --> 00:00:31,058 tror at "hello" er en variabel, 13 00:00:31,058 --> 00:00:33,715 og det giver jo mening fra programmets perspektiv 14 00:00:33,715 --> 00:00:36,222 fordi "hello" kunne godt være en variabel, hvordan skulle den vide andet? 15 00:00:36,222 --> 00:00:38,991 Så hvordan fortæller vi vores program at det rent faktisk er tekst? 16 00:00:38,991 --> 00:00:41,350 Det er nemt! Vi skal bare huske 17 00:00:41,350 --> 00:00:43,159 at putte gåseøjne omkring. 18 00:00:43,159 --> 00:00:45,083 Gåseøjne fortæller at det ikke en variabel, 19 00:00:45,083 --> 00:00:46,457 men at det er tekst 20 00:00:46,457 --> 00:00:48,153 og vi vil have programmet til at vise det som tekst. 21 00:00:48,153 --> 00:00:50,226 Du kan huske det ved at tænke på en bog, 22 00:00:50,226 --> 00:00:51,739 hvor personerne snakker, 23 00:00:51,739 --> 00:00:53,694 og der er gåseøjne om det de siger. 24 00:00:53,694 --> 00:00:56,162 Og tilsvarende, når du vil have programmet til at sige noget, 25 00:00:56,162 --> 00:00:58,400 så skal du skrive gåseøjne omkring teksten. 26 00:00:58,400 --> 00:01:00,899 Og det er faktisk rigtig vigtigt og nemt at glemme. 27 00:01:00,899 --> 00:01:03,891 Så jeg siger det lige igen, hvis du skal bruge tekst 28 00:01:03,891 --> 00:01:05,753 i dit program, så skal du altid 29 00:01:05,753 --> 00:01:07,526 sætte gåseøjne omkring. 30 00:01:07,526 --> 00:01:10,112 Ellers får du nogle rigtig mærkelig fejlbeskeder. 31 00:01:10,112 --> 00:01:12,606 Og husk, hvis du ser nogle mærkelige fejlbeskeder, 32 00:01:12,606 --> 00:01:15,359 så dobbelttjek at du har husket gåseøjne. 33 00:01:15,359 --> 00:01:17,232 Sådan! Nu bruger vi gåseøjne, 34 00:01:17,232 --> 00:01:18,755 og fejlen er forsvundet. 35 00:01:18,755 --> 00:01:20,928 Men du har måske lagt mærke til at der ikke sker noget, 36 00:01:20,928 --> 00:01:22,217 skærmen er stadig blank, 37 00:01:22,217 --> 00:01:24,890 men det mærkelige er at hvis vi sætter en baggrund, 38 00:01:24,890 --> 00:01:29,114 lad os sige rød baggrund, så kan vi se at den er der. 39 00:01:29,114 --> 00:01:33,120 Det er bare skrevet med hvid farve, så problemet er 40 00:01:33,120 --> 00:01:36,106 at vi skriver hvid tekst, på en hvid baggrund, 41 00:01:36,106 --> 00:01:37,952 og det var derfor vi ikke kunne se teksten. 42 00:01:37,952 --> 00:01:40,451 Det lyder lidt skørt, hvorfor skriver du 43 00:01:40,451 --> 00:01:42,940 hvid tekst på en hvid baggrund? 44 00:01:42,940 --> 00:01:45,893 Det kan vi ændre, for vi har allerede lært at 45 00:01:45,893 --> 00:01:47,006 udfylde vores figurer. 46 00:01:47,006 --> 00:01:49,891 Og ligesom vi kan udfylde et rektangel eller en linje, 47 00:01:49,891 --> 00:01:51,796 så kan vi også sætte udfyldningsfarven for tekster 48 00:01:51,796 --> 00:01:54,231 ligesom før, og der er den! 49 00:01:54,231 --> 00:01:56,410 Den bliver vist uden at vi behøver baggrunden. 50 00:01:56,410 --> 00:02:00,609 Lad os se lidt mere på hvordan text-kommandoen virker. 51 00:02:00,609 --> 00:02:02,324 Den første del er åbenlys nok, 52 00:02:02,324 --> 00:02:04,419 det er bare den tekst vi gerne vil skrive. 53 00:02:04,419 --> 00:02:06,584 Hvis vi ændrer den næste del, 54 00:02:06,584 --> 00:02:08,949 kan vi se at det bare er hvor langt henne, 55 00:02:08,949 --> 00:02:11,776 og den næste er bare hvor langt op og ned. 56 00:02:11,776 --> 00:02:14,822 Det ser nok rigtig bekendt ud, fra da vi bare 57 00:02:14,822 --> 00:02:15,868 tegnede rektangler. 58 00:02:15,868 --> 00:02:17,620 En ting der er lidt drilagtig 59 00:02:17,620 --> 00:02:19,542 er at teksten har to koordinater 60 00:02:19,542 --> 00:02:24,256 men her angiver de hjørnet nederst til venstre. 61 00:02:24,256 --> 00:02:27,222 Mens det for rektangler er hjørnet øverst til venstre, heroppe. 62 00:02:27,222 --> 00:02:30,280 Og det kan se ud som om at det bare var gjort for at forvirre dig, 63 00:02:30,280 --> 00:02:32,761 men det er bare noget man lige skal huske. 64 00:02:32,761 --> 00:02:34,913 Vi kan prøve at eksperimentere og se det for os selv. 65 00:02:34,955 --> 00:02:39,219 Vi kan ændre sætte dette til "height" og vi kan se at, 66 00:02:39,219 --> 00:02:42,448 ja, den sætter nederste venstre koordinat til højden. 67 00:02:44,358 --> 00:02:46,225 Eller vi kan sætte det til nul, 68 00:02:46,225 --> 00:02:50,002 og hvad tror du så vi kan forvente? 69 00:02:50,002 --> 00:02:53,391 Vi kan slet ikke se det! Men hvis vi langsomt forøger tallet 70 00:02:53,391 --> 00:02:56,326 så kan vi se at det lige stikker frem øverst oppe. 71 00:02:56,326 --> 00:02:59,782 Igen er det fordi, at det er er koordinatet nederst til venstre, som vi angiver, 72 00:02:59,782 --> 00:03:01,754 ikke det øverste til venstre. 73 00:03:01,754 --> 00:03:05,611 Okay, nok analyse af text-kommandoen. 74 00:03:05,611 --> 00:03:07,278 Lad os gøre det endnu bedre. 75 00:03:07,278 --> 00:03:09,514 For eksempel, ved at gøre teksten større 76 00:03:09,514 --> 00:03:12,435 ved at bruge textSize der fortæller programmet 77 00:03:12,435 --> 00:03:13,886 hvor stort den skal tegne teksten. 78 00:03:13,886 --> 00:03:16,099 Og vi kan angive "30", som er ret stort, 79 00:03:16,099 --> 00:03:17,688 vi kan endda gøre det endnu større, 80 00:03:17,688 --> 00:03:20,457 eller vi kan gøre rigtig, rigtig, rigtig, rigtig småt. 81 00:03:20,457 --> 00:03:23,034 Hvad end vi vil. Lad os prøve at skrive dit navn 82 00:03:23,034 --> 00:03:25,641 og måske en lille besked om dig selv nedenunder. 83 00:03:25,641 --> 00:03:28,646 Siden jeg ikke kender dit navn, vil jeg bare tegne mit eget navn. 84 00:03:28,646 --> 00:03:30,871 Lige om lidt kan du kan ændre det til dit eget. 85 00:03:30,871 --> 00:03:34,264 Så ved at bruge det vi lige lærte, kan vi skrive text("Sophia") 86 00:03:34,264 --> 00:03:35,887 og der er mit navn. 87 00:03:35,887 --> 00:03:38,135 Vi kan også prøve at skrive en lille besked nedenunder, 88 00:03:38,135 --> 00:03:43,493 f.eks. "I like puppies and guitars and coding." 89 00:03:43,493 --> 00:03:46,709 Det er fint, undtagen at vi åbentlys har brug for 90 00:03:46,709 --> 00:03:48,945 at ændre positionerne så de ikke overlapper. 91 00:03:48,945 --> 00:03:51,647 Men åh nej, det er jo en rigtig lang tekststreng, 92 00:03:51,647 --> 00:03:55,449 så lad os prøve at skifte til en mindre tekststørrelse. 93 00:03:56,499 --> 00:03:58,633 Sådan der, det ser godt ud! 94 00:03:58,633 --> 00:04:00,964 Undtagen, hmm, jeg synes det er lidt kedeligt, 95 00:04:00,964 --> 00:04:04,393 at de begge er blå, så lad os skifte fill, 96 00:04:04,393 --> 00:04:06,932 og lad os gøre det til en flot hmm, lad os sige, 97 00:04:06,932 --> 00:04:09,804 måske en flot lilla? 98 00:04:09,804 --> 00:04:13,126 Okay, der har du det, det er alt 99 00:04:13,126 --> 00:04:16,099 om at tegne tekst og skifte farve og skifte størrelse.