Steg 1: Hva må gjøres?

I denne oppgaven får du kun små eksempler på kode for å hjelpe deg til å komme frem til resultatet. Derfor skal vi gå gjennom tankemåten til å lage animasjonen over ved å presentere en liste over ting som må gjøres:

La oss studere animasjonen og analysere hva den inneholder:

• En partikkel i midten av skjermen som alltid er der. Hva kan være grunnen til det?

• Partiklene som går ut fra midten og blir mindre og mindre jo lengre ut de går

• Hastigheten til hvert partikkel varierer

• Retningen varierer, men et partikkel reiser i en rett linje

• Det er mange partikler som blir til hvert sekund

La oss analysere punktene over, og se hva på hva vi må programmere. Vi starter fra toppen

• Siden partiklene går ut fra midten må jo alle starte der, derfor må vi setter x- og y-posisjonen til å være det samme for hvert partikkel.

• Siden partiklene blir mindre og mindre, men starter med samme størrelse, må vi endre på størrelser-attributtet til partiklet på samme måte som vi gjør når vi skal flytte på det. Tips: bruk ganging (*) for å få en bedre minknings-effekt.

• Siden hastigheten varierer kan vi bruke Math.random til xSpeed og ySpeed, her er et forslag til hvordan det kan se ut:

xSpeed: Math.floor(Math.random()*20 - Math.random()*20));

Hint

for(var i = 0; i<listeNavn.length; i++){
    //kode
    element = listeNavn[i] // element blir nå det i-te elementet i listen, "i" blir her et tall fra 0 til lengden av listen.
}