Breng je krasprojecten tot leven met geanimeerde kostuums en achtergronden

Wat je gaat creëren

Je bent nu het grootste deel van de serie van deze beginners op Scratch. Je hebt een spel gemaakt waarin de gebruiker een kat achtervolgt met een krab, de kat zegt 'Ouch!' wanneer de krab het knipt en een score wordt bewaard. Aan het einde van het spel wordt de score weergegeven.

In dit deel blijven we aan dat project werken. We voegen enkele animaties toe aan onze sprites en achtergronden. Je hebt al een eenvoudige animatie voor de kat gemaakt om het te laten lijken: we voegen er nog een aan de krab toe. We animeren ook de achtergrond om een zoomeffect te maken.

Wat je nodig hebt

Om deze tutorial te voltooien, heb je nodig:

een gratis account bij Scratch
een webbrowser met toegang tot Scratch (ik raad het gebruik van een moderne browser zoals Chrome, Firefox, Safari of Opera aan voor de beste ervaring)

Ermee beginnen

We gaan werken met het project dat is gemaakt in het laatste deel van de serie, over evenementen. We gebruiken de items en scripts die we tot nu toe hebben gemaakt en voegen er meer toe.

Afhankelijk van of u met die zelfstudie hebt gewerkt, zijn er twee manieren om aan de slag te gaan met deze zelfstudie:

Open het project dat u voor de laatste zelfstudie hebt gemaakt en maak hiervan een duplicaat.
Remix het project dat ik heb gemaakt om de laatste zelfstudie te ondersteunen.

Je kunt ook gewoon doorgaan met werken in hetzelfde project dat je al hebt gemaakt. Hier is hoe je elk van deze doet (je hoeft het alleen maar te doen).

Uw eigen project dupliceren

Open Scratch en ga naar het project dat u wilt dupliceren. Controleer of u op de knop hebt geklikt Zie Inside knop, zodat u de werking van het project kunt zien.

Klik in de werkbalk op Bestand> Opslaan als een kopie:

Scratch opent je nieuwe exemplaar. Hernoem het en begin eraan te werken.

Mijn project remixen

Klik op de Zie Inside knop om het project te bekijken:

Klik nu op de Remix knop. Scratch slaat een duplicaat van mijn project op als een nieuw project in uw account. Hernoem het en je bent klaar om te gaan!

Animeren van het podium met achtergronden

Het eerste wat we zullen doen is een geanimeerd effect creëren voor de stage met behulp van de achtergrond die we eerder in de serie hebben gemaakt.

Selecteer het werkgebied en bewerk het script dat u ervoor hebt gemaakt, waardoor de timer-variabele elke seconde met -1 wordt gewijzigd. U moet een invoegen schakel achtergrond in blok binnen de lus en maak dan zoveel kopieën van de blokken in de lussen als je achtergronden hebt die je wilt omschakelen. Normaal gesproken kunt u de volgende achtergrond blok dat je zou kunnen redden om heel soortgelijke blokken binnen je lus te herhalen, maar je kunt dit hier niet doen vanwege de achtergrond van de cirkels.

Het script voor je werkgebied bevat deze blokken:

toen de groene vlag klikte
zet score op 0
zet Timer op 30
herhaal tot Timer = 30
wissel achtergrond naar strand Malibu
wacht 1 sec
verander Timer met -1
wissel achtergrond naar strand malibu2
wacht 1 sec
verander Timer met -1
wissel achtergrond naar strand malibu3
wacht 1 sec
verander Timer met -1
(einde van herhaling tot lus)
game uitzenden

Uw script ziet er op het scherm als volgt uit:

Als u nu het project start, zal de achtergrond verschijnen om herhaaldelijk in te zoomen. Het is niet de meest vloeiende zoomlens in mijn project (het ziet er misschien beter uit in uw project!), Maar het geeft u het idee. Je zou dit kunnen doen met meer achtergronden die meer op elkaar lijken om een veel soepeler zoomeffect te creëren, en als je een repetitieve achtergrond had, zou je voor altijd een effect kunnen creëren van inzoomen.

Laten we nu een sprite animeren.

Animatie toevoegen aan de Crab Sprite

In een eerder deel van deze serie heb je een animatie aan de sprite van de kat toegevoegd, waardoor het lijkt alsof hij over het podium loopt. Nu gaan we een animatie aan de Crab-sprite toevoegen, die zijn kostuum verandert wanneer het de kat vangt, zodat zijn tang lijkt te bewegen.

Selecteer de krabsprite en maak er een nieuw script voor:

als ik gepakt word
herhaal 3
volgend kostuum
wacht 02. seconden
(einde van herhalingslus)

Dit betekent dat wanneer de krab en de kat elkaar raken (dat wil zeggen, het gevangen bericht wordt uitgezonden), de krab van kostuum verandert en 0,2 seconden wacht, drie keer. Probeer het spel uit te voeren en je ziet dat de krab eruit ziet alsof de tang opent en sluit wanneer hij de kat vangt.

Zo ziet het er op het scherm uit:

Samenvatting

Het animeren van uw Scratch-projecten maakt ze visueel interessanter en helpt u effecten te creëren die uw games en interacties verbeteren. In deze tutorial leer je hoe je enkele eenvoudige animaties aan je podium en een van je sprites kunt toevoegen.

Probeer voor een uitdaging meer kostuums voor de sprites te tekenen en animaties toe te voegen - misschien kun je de kat dupliceren, extra functies toevoegen en die gebruiken wanneer de kat de gebruiker vertelt wat zijn score was?

Code