0:00:01.304,0:00:03.685
Kan du huske de tre trin[br]der skal til at lave en animation?

0:00:03.685,0:00:06.589
Vi starter med at initialisere nogle variable[br]uden for <i>draw</i>-funktionen,

0:00:06.589,0:00:08.405
og derefter bruger vi de[br]variable inde i <i>draw</i>-funktionen

0:00:08.405,0:00:10.011
i vores tegnekode.

0:00:10.011,0:00:12.039
Så vi har en variabel[br]for <i>x</i>-positionen,

0:00:12.039,0:00:14.395
en for <i>y</i>-positionen,[br]en for bredden (ballWidth),

0:00:14.395,0:00:16.011
og en for højden (ballHeight).

0:00:16.011,0:00:17.723
Og så, i slutningen,

0:00:17.723,0:00:20.025
ændrer vi disse variable[br]en lille smule hver gang,

0:00:20.025,0:00:22.773
så <i>x</i> kommer til at blive[br]den gamle værdi af <i>x</i> plus 1,

0:00:22.773,0:00:24.701
så den kommer til at stige hver gang:

0:00:24.701,0:00:27.796
<i>y</i> kommer til at blive[br]den gamle værdi af <i>y</i> minus 2,

0:00:27.796,0:00:29.801
så <i>y</i> vil blive mindre hver gang;

0:00:29.801,0:00:35.406
ballWidth sættes til den gamle værdi[br]af ballWidth gange med 0,99.

0:00:35.410,0:00:39.409
Så forbi 0,99 er mindre end 1,[br]vil vi se at ballWidth bliver mindre.

0:00:39.409,0:00:41.839
Og ballHeight sættes til [br]den gamle værdi af ballHeight,

0:00:41.839,0:00:45.501
divideret med 1,01, som er større end 1,

0:00:45.501,0:00:47.963
og derfor vil ballHeight [br]også blive mindre.

0:00:47.963,0:00:50.234
Hvis vi trykker <i>Restart</i>, kan du se

0:00:50.234,0:00:53.585
alle disse egenskaber[br]for bolden ændrer sig.

0:00:53.725,0:00:56.607
Så hvis du ser disse fire linjer kode,

0:00:56.607,0:00:59.251
du vil opdage at de alle[br]følger samme mønster,

0:00:59.251,0:01:01.400
Vi har en variabel,[br]derefter et lighedstegn,

0:01:01.400,0:01:06.047
derefter samme variabel, en operator --[br]plus, minus, gange, divere --

0:01:06.527,0:01:08.593
og nogle tal, okay?

0:01:08.593,0:01:11.772
Og dette mønster er så almindeligt[br]i programmering,

0:01:11.772,0:01:14.460
og programmører er så dovne[br]at de har besluttet,

0:01:14.460,0:01:16.777
"Hey! Når vi nu gør det her så ofte,

0:01:16.777,0:01:19.054
"Kan vi ikke finde en kortere[br]måde at skrive det?"

0:01:19.054,0:01:22.006
Og så lavede den en genvej,[br]og genvejen er:

0:01:22.006,0:01:24.528
I stedet for at sige "x sættes til x plus 1",

0:01:24.528,0:01:29.331
Jeg kunne sige "x plus ligmed 1."[br]Fik du det?

0:01:29.331,0:01:35.970
Og i stedet for at sige <i>y</i> minus 2,[br]jeg kunne sige "y minus lig med 2."

0:01:36.670,0:01:41.259
Og i stedet for at sige [br]ballWidth sættes til ballWidth gange med 0,99

0:01:41.259,0:01:47.686
Jeg kan sige -- du gættede det --[br]"<i>ballWidth gange lighed 0,99</i>"

0:01:48.203,0:01:49.832
Endelig, i stedet for at sige at

0:01:49.832,0:01:53.658
ballHeight sættes til ballHeight divideret med 1,01

0:01:53.658,0:01:57.373
kan vi sige[br]"ballHeight divideret ligmed 1,01."

0:01:57.373,0:01:59.468
Så for alle disse,

0:01:59.468,0:02:01.553
tager den værdien af variablen,

0:02:01.553,0:02:04.123
her ballWidth, og derefter denne operator,

0:02:04.123,0:02:06.344
og så ganges det med 0,99.

0:02:06.344,0:02:09.240
Så det bliver,[br]"<i>ballWidth gange 0,99</i>"

0:02:09.240,0:02:12.067
og gem det tilbage[br]i variablen, ballWidth.

0:02:12.067,0:02:13.864
Og hvis jeg trykker <i>Restart</i> kan du se

0:02:13.864,0:02:16.005
at vores animation ser ud som før.

0:02:16.005,0:02:17.975
Nu kan er din tur til at være doven!