[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.36,0:00:03.01,Default,,0000,0000,0000,,Der er mange måder at få ting \Ntil at se lenvende ud,
Dialogue: 0,0:00:03.01,0:00:05.07,Default,,0000,0000,0000,,men princippet er altid det samme.
Dialogue: 0,0:00:05.07,0:00:07.13,Default,,0000,0000,0000,,Hvis du har en masse tegninger eller billeder
Dialogue: 0,0:00:07.13,0:00:09.73,Default,,0000,0000,0000,,hvor hver er en smule anderledes\Nend den forrige,
Dialogue: 0,0:00:09.73,0:00:11.39,Default,,0000,0000,0000,,og bladrer igennem dem hurtigt nok,
Dialogue: 0,0:00:11.39,0:00:13.42,Default,,0000,0000,0000,,vil det se ud som om tegningen bevæger sig.
Dialogue: 0,0:00:13.42,0:00:14.79,Default,,0000,0000,0000,,I de gode gamle dage
Dialogue: 0,0:00:14.79,0:00:16.94,Default,,0000,0000,0000,,plejede man at tegne alle disse\Ntegninger i hånden,
Dialogue: 0,0:00:16.94,0:00:19.70,Default,,0000,0000,0000,,og det tog {\i1}meget{\i0} lang tid bare at lave \Nen animation på 3-sekunders.
Dialogue: 0,0:00:19.70,0:00:22.88,Default,,0000,0000,0000,,Heldigvis lever vi i fremtiden.
Dialogue: 0,0:00:22.88,0:00:26.13,Default,,0000,0000,0000,,At programmere en simpel animation\Ner egentlig nemt.
Dialogue: 0,0:00:26.13,0:00:27.57,Default,,0000,0000,0000,,Og jeg vil vise dig hvordan!
Dialogue: 0,0:00:27.57,0:00:30.27,Default,,0000,0000,0000,,Her til højre kan du se en \Nnuttet lille bil
Dialogue: 0,0:00:30.27,0:00:32.01,Default,,0000,0000,0000,,på en dejlig lysegul baggrund.
Dialogue: 0,0:00:32.01,0:00:34.96,Default,,0000,0000,0000,,Og ja, det er migselv, der har\Ndesignet bilen, tak.
Dialogue: 0,0:00:34.96,0:00:35.98,Default,,0000,0000,0000,,Nå, men herovre
Dialogue: 0,0:00:35.98,0:00:38.75,Default,,0000,0000,0000,,kan I se at vi sætter den\Nsmukke baggrundsfarve.
Dialogue: 0,0:00:38.76,0:00:42.53,Default,,0000,0000,0000,,Vi kalder {\i1}noStroke(){\i0}-funktionen for at fjerne\Nomrids af efterfølgende objekter.
Dialogue: 0,0:00:42.53,0:00:46.04,Default,,0000,0000,0000,,Og her opretter vi en ny variable, {\i1}x{\i0}, der er bilens position,
Dialogue: 0,0:00:46.04,0:00:47.31,Default,,0000,0000,0000,,og sætter den til 10.
Dialogue: 0,0:00:47.31,0:00:49.46,Default,,0000,0000,0000,,Du kan se hvad der sker\Nhvis vi ændrer værdien,
Dialogue: 0,0:00:49.46,0:00:52.10,Default,,0000,0000,0000,,så vil bilen rykke frem og tilbage.
Dialogue: 0,0:00:52.10,0:00:53.13,Default,,0000,0000,0000,,Vi sætter ham lige til 10.
Dialogue: 0,0:00:53.13,0:00:55.97,Default,,0000,0000,0000,,Her sætter vi bilens udfyldningsfarve
Dialogue: 0,0:00:55.97,0:00:58.10,Default,,0000,0000,0000,,og tegner to rektangler,\Nder udgør bilens krop.
Dialogue: 0,0:00:58.10,0:01:00.73,Default,,0000,0000,0000,,Det første rektangel ser ud til \Nat være bilens bund
Dialogue: 0,0:01:00.73,0:01:02.48,Default,,0000,0000,0000,,og denne rektangel dens top.
Dialogue: 0,0:01:02.48,0:01:05.03,Default,,0000,0000,0000,,Og her gør vi det samme med hjulene.
Dialogue: 0,0:01:05.03,0:01:06.98,Default,,0000,0000,0000,,Vi sætter udfyldningsfarven\Nog tegner to ellipser:
Dialogue: 0,0:01:06.98,0:01:08.65,Default,,0000,0000,0000,,En ved "x+25"
Dialogue: 0,0:01:08.65,0:01:10.19,Default,,0000,0000,0000,,og en ved "x+75".
Dialogue: 0,0:01:10.19,0:01:12.83,Default,,0000,0000,0000,,Og så kommer vi til noget nyt.
Dialogue: 0,0:01:12.83,0:01:15.10,Default,,0000,0000,0000,,Dette kaldes en {\i1}funktionsdefination{\i0}
Dialogue: 0,0:01:15.10,0:01:17.02,Default,,0000,0000,0000,,Dem lærer I om senere,
Dialogue: 0,0:01:17.02,0:01:20.21,Default,,0000,0000,0000,,så for nu, bare kig på den og \Nhusk hvordan den ser ud.
Dialogue: 0,0:01:20.21,0:01:24.01,Default,,0000,0000,0000,,Det vigtige at lægge mærke til er ordet"draw" og de der paranteser.
Dialogue: 0,0:01:24.01,0:01:26.74,Default,,0000,0000,0000,,Denne krøllede startparentes her og\Nslutparentesen her.
Dialogue: 0,0:01:26.75,0:01:30.21,Default,,0000,0000,0000,,Hele denne blok kaldes tegneløkken, \Neller animationsløkken.
Dialogue: 0,0:01:30.21,0:01:32.59,Default,,0000,0000,0000,,Alt hvad I putter ind mellem \Ndisse krøllede parenteser
Dialogue: 0,0:01:32.59,0:01:35.23,Default,,0000,0000,0000,,bliver kørt igen og meget hurtigt.
Dialogue: 0,0:01:35.23,0:01:36.70,Default,,0000,0000,0000,,Derfor hedder det en løkke.
Dialogue: 0,0:01:36.70,0:01:38.73,Default,,0000,0000,0000,,Og alt udenfor de krøllede parenteser
Dialogue: 0,0:01:38.73,0:01:41.66,Default,,0000,0000,0000,,bliver kun kørt én gang \Nved programmets start
Dialogue: 0,0:01:41.66,0:01:45.48,Default,,0000,0000,0000,,Så første trin i at animerer er at have al tegne-\Nkoden ind mellem de krøllede parenteser,
Dialogue: 0,0:01:45.48,0:01:47.83,Default,,0000,0000,0000,,så billedet bliver tegnet igen og igen.
Dialogue: 0,0:01:47.83,0:01:48.88,Default,,0000,0000,0000,,Så lad os gøre det.
Dialogue: 0,0:01:48.88,0:01:51.03,Default,,0000,0000,0000,,Jeg klipper lige al tegne-koden ud
Dialogue: 0,0:01:51.25,0:01:54.26,Default,,0000,0000,0000,,og indsætter det i løkken.
Dialogue: 0,0:01:54.26,0:01:58.09,Default,,0000,0000,0000,,For at lette overskueligheden \Naf programmet
Dialogue: 0,0:01:58.09,0:02:01.92,Default,,0000,0000,0000,,indenterer jeg det hele ved at \Nmarkere det og trykke {\i1}Tab{\i0}.
Dialogue: 0,0:02:02.24,0:02:05.02,Default,,0000,0000,0000,,Og nu er det nemt se at denne kode \Nbliver kørt af løkken.
Dialogue: 0,0:02:05.75,0:02:08.73,Default,,0000,0000,0000,,Som I kan se er alting det samme
Dialogue: 0,0:02:08.73,0:02:10.03,Default,,0000,0000,0000,,og intet er ændret.
Dialogue: 0,0:02:10.03,0:02:12.16,Default,,0000,0000,0000,,Fordi første gang vi kører draw-løkken,
Dialogue: 0,0:02:12.16,0:02:13.50,Default,,0000,0000,0000,,vil computeren sige:
Dialogue: 0,0:02:13.50,0:02:16.51,Default,,0000,0000,0000,,"Okay, opret en ny variable {\i1}x{\i0}, sæt den \Ntil 10, tegn to rektangler,
Dialogue: 0,0:02:16.51,0:02:17.56,Default,,0000,0000,0000,,tegn to ellipser."
Dialogue: 0,0:02:17.56,0:02:20.49,Default,,0000,0000,0000,,Og næste gang den bliver kørt \Nvil den starte forfra og sige:
Dialogue: 0,0:02:20.49,0:02:24.03,Default,,0000,0000,0000,,"Opret en ny variable {\i1}x{\i0}, sæt den til 10,\Ntegn to rektangler, tegn to ellipser."
Dialogue: 0,0:02:24.03,0:02:26.99,Default,,0000,0000,0000,,Og næste gang: "Opret en ny variabel {\i1}x{\i0}, sæt den til 10, tegn to rek..."
Dialogue: 0,0:02:26.99,0:02:28.21,Default,,0000,0000,0000,,helt det samme.
Dialogue: 0,0:02:28.21,0:02:31.30,Default,,0000,0000,0000,,Intet er ændret, så selvfølgelig vil \NI ikke se nogen animation.
Dialogue: 0,0:02:31.30,0:02:34.66,Default,,0000,0000,0000,,Den tegner bare de samme rektangler og\Nellipser ovenpå de gamle.
Dialogue: 0,0:02:34.66,0:02:37.77,Default,,0000,0000,0000,,Husk hvad vi sagde: Hvis noget skal se levende ud,
Dialogue: 0,0:02:37.77,0:02:40.36,Default,,0000,0000,0000,,skal vi ændre tegningen en lille \Nsmule ad gangen.
Dialogue: 0,0:02:40.36,0:02:42.76,Default,,0000,0000,0000,,Så hvis jeg vil have min bil \Ntil at køre fremad,
Dialogue: 0,0:02:42.76,0:02:45.36,Default,,0000,0000,0000,,skal jeg ændre værdien af {\i1}x{\i0}, ikk'?
Dialogue: 0,0:02:45.36,0:02:48.05,Default,,0000,0000,0000,,Så lad os bare sætte den til... 11.
Dialogue: 0,0:02:48.05,0:02:51.12,Default,,0000,0000,0000,,Åh nej! Nu kommer den bare til \Nat være 11 hver gang.
Dialogue: 0,0:02:51.12,0:02:54.22,Default,,0000,0000,0000,,Hvordan skal jeg få værdien af {\i1}x{\i0} til \Nat ændre sig hele tiden
Dialogue: 0,0:02:54.22,0:02:57.25,Default,,0000,0000,0000,,når computeren bare kører den samme kode\Nom og om igen?
Dialogue: 0,0:02:57.25,0:02:59.71,Default,,0000,0000,0000,,Okay se lige det her trick.
Dialogue: 0,0:02:59.71,0:03:02.48,Default,,0000,0000,0000,,Husk at dette {\i1}var x{\i0} opretter \Nen ny variable.
Dialogue: 0,0:03:02.48,0:03:04.75,Default,,0000,0000,0000,,Når vi har det inde i funktionen som her,
Dialogue: 0,0:03:04.75,0:03:07.74,Default,,0000,0000,0000,,bliver der oprettet en ny \Nvariable {\i1}x{\i0} hver gang.
Dialogue: 0,0:03:07.74,0:03:10.76,Default,,0000,0000,0000,,Det vi skal gøre er at flytte variablen\Nudenfor draw-løkken.
Dialogue: 0,0:03:10.76,0:03:13.26,Default,,0000,0000,0000,,På den måde vil den kun blive \Noprettet én gang.
Dialogue: 0,0:03:13.26,0:03:17.49,Default,,0000,0000,0000,,Og hver gang computeren kører dette \Nkode og ser variablen {\i1}x{\i0},
Dialogue: 0,0:03:17.49,0:03:22.48,Default,,0000,0000,0000,,vil den genbruge den samme variabel med \Nden værdi vi satte den til sidst.
Dialogue: 0,0:03:22.48,0:03:25.08,Default,,0000,0000,0000,,Så det gør jeg lige; jeg tager\Ndenne variabel
Dialogue: 0,0:03:25.08,0:03:27.48,Default,,0000,0000,0000,,og placerer den udenfor draw-løkken.
Dialogue: 0,0:03:27.48,0:03:30.27,Default,,0000,0000,0000,,Lige nu bliver variablen kun sat én gang.
Dialogue: 0,0:03:31.23,0:03:33.48,Default,,0000,0000,0000,,Og hver gang den møder {\i1}x{\i0}
Dialogue: 0,0:03:33.48,0:03:35.48,Default,,0000,0000,0000,,vil {\i1}x{\i0} have den samme værdi.
Dialogue: 0,0:03:35.48,0:03:38.12,Default,,0000,0000,0000,,Og lige nu er den sidst sat til 11
Dialogue: 0,0:03:38.12,0:03:39.49,Default,,0000,0000,0000,,så den vil altid være 11.
Dialogue: 0,0:03:39.49,0:03:41.49,Default,,0000,0000,0000,,Og her kommer tricket.
Dialogue: 0,0:03:41.49,0:03:44.38,Default,,0000,0000,0000,,Vi ændrer værdien af {\i1}x{\i0}, et \Nsted inde i draw-løkken,
Dialogue: 0,0:03:44.38,0:03:46.72,Default,,0000,0000,0000,,så den bliver lidt større end før, såden her:
Dialogue: 0,0:03:46.72,0:03:51.99,Default,,0000,0000,0000,,{\i1}x{\i0} bliver sat til den gamle værdi af {\i1}x{\i0} \Nplus, lad os sige, 1.
Dialogue: 0,0:03:52.75,0:03:54.27,Default,,0000,0000,0000,,Jaa! Det virker!
Dialogue: 0,0:03:54.76,0:03:56.89,Default,,0000,0000,0000,,Men, det er helt udtværet.
Dialogue: 0,0:03:56.89,0:03:59.16,Default,,0000,0000,0000,,Og hvis I undrer jer over hvorfor\Ndet ser sådan ud,
Dialogue: 0,0:03:59.16,0:04:02.38,Default,,0000,0000,0000,,så er det fordi vi glemte at tegne \Nbaggrunden inde i draw-løkken.
Dialogue: 0,0:04:02.38,0:04:04.45,Default,,0000,0000,0000,,Så den tegner bilen igen og igen,
Dialogue: 0,0:04:04.45,0:04:07.07,Default,,0000,0000,0000,,men man kan stadig se de gamle biler bag den nye.
Dialogue: 0,0:04:07.07,0:04:11.74,Default,,0000,0000,0000,,Så hvis jeg lige putter denne linje ind \Ni toppen af løkken, sådan her,
Dialogue: 0,0:04:12.04,0:04:15.98,Default,,0000,0000,0000,,and trykker "Restart" så jeg \Nkan se min bil igen...
Dialogue: 0,0:04:15.98,0:04:18.03,Default,,0000,0000,0000,,Jaa! Det er bare helt perfekt!
Dialogue: 0,0:04:18.03,0:04:19.97,Default,,0000,0000,0000,,Og hvis bilen skal køre hurtigere,
Dialogue: 0,0:04:19.97,0:04:22.63,Default,,0000,0000,0000,,kan vi bare ændre hvor meget vi \Nforøger {\i1}x{\i0} med hver gang.
Dialogue: 0,0:04:22.63,0:04:24.83,Default,,0000,0000,0000,,Så hvis vi sætter det til 10, whoo!\NDen er ude af skærmen!
Dialogue: 0,0:04:24.83,0:04:28.73,Default,,0000,0000,0000,,Og jeg kan endda gøre den negativ,\Nså {\i1}x-10{\i0} og...
Dialogue: 0,0:04:28.73,0:04:29.78,Default,,0000,0000,0000,,Her kommer den!
Dialogue: 0,0:04:30.02,0:04:32.20,Default,,0000,0000,0000,,Lav den positiv igen, ups...
Dialogue: 0,0:04:33.48,0:04:34.54,Default,,0000,0000,0000,,Der var den.
Dialogue: 0,0:04:34.54,0:04:36.55,Default,,0000,0000,0000,,Så her er de vigtige ting at huske:
Dialogue: 0,0:04:36.55,0:04:39.16,Default,,0000,0000,0000,,Dette her kaldes tegneløkken.
Dialogue: 0,0:04:39.16,0:04:41.25,Default,,0000,0000,0000,,I skal placere jeres tegnekode herinde,
Dialogue: 0,0:04:41.25,0:04:43.49,Default,,0000,0000,0000,,så det bliver tegnet igen og igen.
Dialogue: 0,0:04:43.49,0:04:46.29,Default,,0000,0000,0000,,Og så skal I oprette en variabel \Nudenfor tegneløkken.
Dialogue: 0,0:04:46.29,0:04:49.25,Default,,0000,0000,0000,,Det er meget vigtigt at oprette variablen\Nudenfor tegneløkken
Dialogue: 0,0:04:49.25,0:04:51.50,Default,,0000,0000,0000,,så vi kan genbruge den samme \Nvariabel hver gang.
Dialogue: 0,0:04:51.50,0:04:53.52,Default,,0000,0000,0000,,Inde i tegneløkken her,
Dialogue: 0,0:04:53.52,0:04:56.03,Default,,0000,0000,0000,,ændrer vi variablen en lille smule,
Dialogue: 0,0:04:56.03,0:04:58.24,Default,,0000,0000,0000,,normalt ved at sætte den til \Ndens gamle værdi,
Dialogue: 0,0:04:58.24,0:05:01.49,Default,,0000,0000,0000,,plus et tal -- plus eller minus et tal.
Dialogue: 0,0:05:01.95,0:05:05.50,Default,,0000,0000,0000,,Og til sidst vil du også gerne bruge \Ndin variabel et sted i tegnekoden,
Dialogue: 0,0:05:05.50,0:05:07.74,Default,,0000,0000,0000,,så din tegning ser forskellig ud hver gang.
Dialogue: 0,0:05:07.74,0:05:10.05,Default,,0000,0000,0000,,Og... Det er det!