Kan du huske de tre trin
der skal til at lave en animation?

Vi starter med at initialisere nogle variable
uden for <i>draw</i>-funktionen,

og derefter bruger vi de
variable inde i <i>draw</i>-funktionen

i vores tegnekode.

Så vi har en variabel
for <i>x</i>-positionen,

en for <i>y</i>-positionen,
en for bredden (ballWidth),

og en for højden (ballHeight).

Og så, i slutningen,

ændrer vi disse variable
en lille smule hver gang,

så <i>x</i> kommer til at blive
den gamle værdi af <i>x</i> plus 1,

så den kommer til at stige hver gang:

<i>y</i> kommer til at blive
den gamle værdi af <i>y</i> minus 2,

så <i>y</i> vil blive mindre hver gang;

ballWidth sættes til den gamle værdi
af ballWidth gange med 0,99.

Så forbi 0,99 er mindre end 1,
vil vi se at ballWidth bliver mindre.

Og ballHeight sættes til 
den gamle værdi af ballHeight,

divideret med 1,01, som er større end 1,

og derfor vil ballHeight 
også blive mindre.

Hvis vi trykker <i>Restart</i>, kan du se

alle disse egenskaber
for bolden ændrer sig.

Så hvis du ser disse fire linjer kode,

du vil opdage at de alle
følger samme mønster,

Vi har en variabel,
derefter et lighedstegn,

derefter samme variabel, en operator --
plus, minus, gange, divere --

og nogle tal, okay?

Og dette mønster er så almindeligt
i programmering,

og programmører er så dovne
at de har besluttet,

"Hey! Når vi nu gør det her så ofte,

"Kan vi ikke finde en kortere
måde at skrive det?"

Og så lavede den en genvej,
og genvejen er:

I stedet for at sige "x sættes til x plus 1",

Jeg kunne sige "x plus ligmed 1."
Fik du det?

Og i stedet for at sige <i>y</i> minus 2,
jeg kunne sige "y minus lig med 2."

Og i stedet for at sige 
ballWidth sættes til ballWidth gange med 0,99

Jeg kan sige -- du gættede det --
"<i>ballWidth gange lighed 0,99</i>"

Endelig, i stedet for at sige at

ballHeight sættes til ballHeight divideret med 1,01

kan vi sige
"ballHeight divideret ligmed 1,01."

Så for alle disse,

tager den værdien af variablen,

her ballWidth, og derefter denne operator,

og så ganges det med 0,99.

Så det bliver,
"<i>ballWidth gange 0,99</i>"

og gem det tilbage
i variablen, ballWidth.

Og hvis jeg trykker <i>Restart</i> kan du se

at vores animation ser ud som før.

Nu kan er din tur til at være doven!