Den første øvelse for animation jeg lavede, var denne med den farveskiftende firkant.
Vi fik givet de færdige koder til alle disse øvelser og kunne lege lidt med dem, så jeg valgte med denne at gøre bredden, for feltet firkanten kører i, længere, og at øge farten.
Jeg forsøgte også at ændre på farverne og se hvad der så ville ske, og hvad der ville ske hvis jeg ændrede på tallene i denne kode:
Hvad der sker er, at firkanten begynder at bevæge sig i andre baner og ændre man tallene til nogle helt forskellige (som set herunder), vil den begynde at bevæge sig ikkelineært.
I denne øvelse legede jeg igen med farveskifte (på progress baren).
Jeg fandt ud af, at for at få en enkelt farve skulle jeg ændre fx baggrundsfarven for slutfarven. Jeg ændrede den fra blå til rød, men endte med at sætte den tilbage på den originale farve.
Koden kan du se på billedet til venstre, under giffen.
I øvelsen med pingvinen forsøgte jeg at kode den til at ligge mere ude i siden af skærmen og ikke dreje om sig lige så meget som originalt.
Jeg kunne godt have tænkt mig at pingvinen havde været placeret bedre, så dens hoved ikke forsvinder ud over skærmen. Det tror jeg havde givet den et bedre finish.
Autoplay for lyd er automatisk slået fra på de fleste browsere.
Her er der to koder for hvordan man kan få lyd på sin hjemmeside, forskellen på de to ligger i om man kan pause den (på nederste screenshot ses koden for at kunne pause audioen igen).