Introduktion

Nu skal du lære hvordan du programmerer din egen animation!

Trin 1: Animér et rumskib

Lad os lave et rumskib som flyver mod Jorden!

Arbejdsliste

  • Start et nyt Scratch projekt og slet katte-spriten, så dit projekt er tomt. Du kan finde et online Scratch redigeringsprogram på jumpto.cc/scratch-new.

  • Tilføj ‘Spaceship’ og ‘Earth’ sprites til din scene. Tilføj også ‘Stars’ baggrunden til din scene. Sådan bør din scene se ud:

screenshot

  • Klik på din nye rumskibs-sprite, og klik så på ‘Kostumer’ fanebladet.

screenshot

  • Brug pileredskabet til at vælge dit billede. Klik så på roteringshåndtaget og rotér dit billede indtil det ligger på siden.

screenshot

  • Tilføj denne kode til din rumskibs-sprite:

screenshot

Ændr tallene i kodeblokkene, så koden er præcis den samme som på ovenstående billede.

  • Hvis du klikker på kodeblokkene for at køre koden, så bør du se at rumskibet drejer og flytter sig mod midten af scenen.

    screenshot

Skærmpositionen x:(0) y:(0) betegner midten af scenen. En position som x:(-150) y:(-150) ligger mod scenens venstre bund, og en position som x:(150) y:(150) er tæt på scenens højre top.

screenshot

Hvis du har brug for at vide din scenes koordinater, så flyt pilen til din ønskede position, og notér koordinaterne som vises under scenen.

screenshot

  • Afprøv din nye animation ved at klikke på det grønne flag lige over scenen.

screenshot

Udfordring: Forbedr din animation

Kan du ændre tallene i din animationskode således at:

  • Rumskibet flytter sig indtil det rører Jorden?
  • Rumskibet flytter sig mere langsomt mod Jorden?

Du skal ændre tallene i denne blok:

    glid i (1) sek. til x:(0) y:(0)

Gem dit projekt

Trin 2: Animere ved brug af loops

En anden måde du kan animere dit rumskib på, er ved at fortælle det at det skal flytte sig en lille smule, mange gange.

Arbejdsliste

  • Slet glid blokken fra din kode ved at højreklikke på blokken og klik ‘Slet’. Du kan også slette din kode ved at trække den ud af script området og tilbage til området med kodeblokkene.

screenshot

  • Når du har fjernet din kode, så tilføj denne kode i stedet:

screenshot

Gentag blokken bruges til at gentage noget mange gange, og kendes også som et loop.

  • Hvis du klikker på flaget for at afprøve denne nye kode, så vil du se, at den faktisk gør det samme som før.

  • Du kan tilføje mere kode til dit loop for at gøre nogle spændende ting. Tilføj ændr effekten farve med 25 blokken til loop’en (fra ‘Udseende’ sektionen) for gentagne gange at ændre farven på dit rumskib, når det flytter sig:

screenshot

  • Klik på flaget for at se din nye animation.

screenshot

  • Du kan også lave dit rumskib mindre og mindre jo nærmere det kommer mod Jorden.

screenshot

  • Afprøv din animation. Hvad sker der, hvis du klikker på flaget endnu en gang? Starter dit rumskib ud i den rigtige størrelse? Kan du bruge denne blok med henblik på at fikse din animation:

    sæt størrelsen til (100)%

Gem dit projekt

Trin 3: Svævende Abe

Lad os tilføje en abe til din animation, som er forsvundet ud i rummet!

Arbejdsliste

  • Begynd med at tilføje abe-spriten fra dit bibliotek (Monkey).

screenshot

  • Hvis du klikker på din nye abe-sprite og derpå klikker på ‘Kostumer’, så kan du redigere hvordan din abe ser ud. Klik på ‘Ellipse’ redskabet og tegn en hvid rumhjelm omkring abens hoved.

screenshot

  • Klik nu på ‘Scripts’, og tilføj denne kode til aben, så den langsomt roterer rundt i en cirkel for evigt:

        når du klikker på ⚑  
            for evigt 
            drej ↻ (1) grader
        end

For evigt blokken er endnu et loop, men denne gang er det et loop som aldrig stopper.

  • Klik på flaget for at afprøve din abe. Du er nødt til at klikke på stopknappen (ved siden af flaget) for at afslutte animationen.

screenshot

Trin 4: Hårdtrammende Asteroider

Lad os tilføje nogle svævende rumsten til din animation.

Arbejdsliste

  • Tilføj en sten-sprite (Rocks) til din animation.

screenshot

  • Tilføj denne kode til din sten, så den bevæger sig rundt på scenen:

        når du klikker på ⚑ 
        peg mod [Earth v] 
        for evigt
            gå (2) trin
            hop tilbage ved kanten
        end

  • Klik på flaget for at afprøve din sten. Bevæger den sig rundt på scenen?

Trin 5: Skinnende Stjerner

Lad os kombinere nogle loops for at lave en skinnende stjerne.

Arbejdsliste

  • Tilføj en stjerne-sprite (Star) til din animation.

screenshot

  • Tilføj denne kode til din stjerne:

screenshot

  • Klik på flaget for at afprøve din stjerneanimation. Hvad gør koden? Stjernen er gjort en anelse større 20 gange, og er derefter gjort en anelse mindre 20 gange, tilbage til sin oprindelige størrelse. Disse 2 loops er indeni et for evigt loop, så animationen bliver ved med at gentage sig selv.

Gem dit projekt

Udfordring: Lav din egen animation

Afslut din rumanimation og klik på ‘Fil’ og dernæst ‘Ny’ for at starte et nyt projekt.

Brug hvad du har lært i dette projekt til at lave din egen animation. Det kan være hvad som helst du har lyst til, men prøv at tilpasse din animation med omgivelserne. Her er nogle eksempler:

screenshot

Gem dit projekt