Matematikk, 4. trinn: bruke matematiske symboler og uttrykksmåter for å uttrykke matematiske sammenhenger i oppgaveløsning

Matematikk, 4. trinn: tegne, bygge, utforske og beskrive geometriske figurer og modeller i praktiske sammenhenger, medregnet teknologi og design

Matematikk, 4. trinn: lese av, plassere og beskrive posisjoner i rutenett, på kart og i koordinatsystemer, både med og uten digitale verktøy

Matematikk, 7. trinn: beskrive plassering og flytting i rutenett, på kart og i koordinatsystem, med og uten digitale hjelpemidler, og bruke koordinater til å beregne avstander parallelt med aksene i et koordinatsystem

Programmering, 10. trinn: dokumentere og forklare programkode gjennom å skrive hensiktsmessige kommentarer og ved å presentere egen og andres kode

Programmering, 10. trinn: bruke flere programmeringsspråk der minst ett er tekstbasert

Programmering, 10. trinn: bruke grunnleggende prinsipper i programmering, slik som løkker, tester, variabler, funksjoner og enkel brukerinteraksjon

Informasjonsteknologi 2, VG3: lage egne og bruke egne og andres funksjoner eller metoder med parametere

Informasjonsteknologi 2, VG3: planlegge og utvikle multimedieapplikasjoner ved å kombinere egne og andres multimedieelementer av typene tekst, bilde, lyd, video og animasjoner

Informasjonsteknologi 2, VG3: bruke programmeringsspråk i multimedieapplikasjoner

Informasjonsteknologi 2, VG3: programmere med valg og gjentakelser

Eleven kan tegne et kvadrat ved hjelp av canvas

Eleven kan bruke HTML, CSS og JavaScript sammen til å vise kvadratet

Eleven kan bruke JavaScript til å lage et objekt

Eleven kan bruke JavaScript til å bevege et objekt horisontalt, vertikalt og diagonalt ved hjelp av canvas

Eleven kan bruke JavaScript til å gjenta en hendelse

Eleven oppnår middels måloppnåelse ved å fullføre oppgaven.

Eleven oppnår høy måloppnåelse ved å videreutvikle egen kode basert på oppgaven, for eksempel ved å gjøre en eller flere av variasjonene nedenfor.

Forutsetninger: Bør ha gjort JS: Grunnleggende JavaScript og ha kjennskap til grunnleggende HTML og CSS.

Utstyr: Datamaskiner med internett og tekstbehandlingsverktøy.

Få partikkelet til å bevege seg på andre måter enn bare diagonalt.

• Prøve å få partikkelet til å gå rett frem

• Få partikkelet til å gå rett ned

• Få partikkelet til å gå baklengs

Får du til at partikkelet bytter til en tilfeldig farge hver gang den bytter posisjon?

Legg til flere partikler.

Bruk egen kreativitet til å lage en ny partikkel-animasjon