Steg 1: Få partikkelen til å falle

Det første vi skal gjøre er å få partikkelen til å falle, for å få det til å skje må du programmere følgende:

• Legg til to attributter i particle som skal holde styr på gravitasjonen og hastigheten den faller med. Gravitasjons-attributtet bør være et lite tall, som for eksempel 0.01. Hastigheten bør være 0 fra starten av

• Sett et passende startsted for particle, helst høyt oppe

For hver gang draw() kjører, skal følgende skje:

• hastighets-attributtet skal endres med gravitasjons-attributtet

• particle sin y-posisjon blir endret med hastighets-attributtet

Faller partikkelen nå? Nå som partikkelen faller ser du kanskje også at det faller igjennom skjermen, derfor må vi legge til en sjekk om gjør at den stopper nederst.

Steg 2: Stopp nederst på skjermen

For at partikkelen vårt skal stoppe nederst på skjermen trenger vi enkelt og greit en sjekk hver gang vi kjører draw()

• Lag en sjekk som sjekker om particle sin y-verdi er større enn høyden på canvas-objektet. OBS! Du vil sikkert merke at den "rister" helt nederst, derfor må du også ta hensyn til størrelsen på partikkel-objektet når du sjekker hvor langt ned den er.

• I sjekken må du stoppe partikkelen ved å sette y-verdien. Kan du tenke deg til hva y-verdien bør være?

Nå har du et fallende objekt!

Steg 3: Få partikkelen til å fly!

Nå som vi har fått gravitasjon på partikkelen vårt kan vi legge til styring på partikkelen ved hjelp av knapper. Vi skal nå programmere slik at når du trykker pil opp så gir vi partikkelen negativ akselerasjon og når vi slipper så blir den påvirket av gravitasjonen. Får å gjøre dette bruker vi noe som heter onkeyup, onkeydown og keyCode.

For å kunne utføre en operasjon når vi trykker på en knapp må vi ha denne koden:

window.onkeydown = function(inputKey) {
    var key = inputKey.keyCode ? inputKey.keyCode : inputKey.which;

    if (key == //knapp-koden) {
        // Kode som skal utføres
    }
}

• Bruk keycode.info til å finne ut hvilke knapp-kode knappen du vil bruke har.

if(inputKey.keyCode) {
    var key = inputKey.keyCode;
} else {
    var key = inputKey.which;
}