Invatare Atomica

Animatii in Scratch

Progres lectie:
0%
🎯

Obiectivul lectiei

Ai o imagine statica pe scena care nu face nimic. Doar sta acolo, plictisitoare si nemiscata. Ai vrea sa se miste, sa vorbeasca, dar nu stii cum!

Dupa aceasta lectie vei putea:

  • Sa creezi animatii simple in Scratch schimband costumele unui sprite
  • Sa folosesti blocurile de aspecte (schimba costumul, arata, ascunde)
  • Sa combini miscarea cu schimbarea costumelor pentru animatii fluide
  • Sa adaugi efecte vizuale (culoare, marime, efect grafic) unui sprite
  • Sa sincronizezi animatia mai multor sprite-uri folosind mesaje

Incearca singur!

🎯 Provocarea ta

Creează o animatie de 10 secunde: pisica merge prin scena, spune "Salut!", si schimba costumul de 3 ori pentru efect de mers.

  • Deschide Scratch si asigura-te ca ai sprite-ul pisicii pe scena
  • Verifica ca pisica are cel putin 2 costume (clic pe tab-ul "Costume")
  • Adauga blocul "cand se da click pe steag verde" (din Events, galben)
  • Adauga un bloc "repeat 10" (repeta 10 ori) din Control (portocaliu)
  • In interiorul buclei, pune: "next costume" (urmatorul costum), "move 10 steps" (mergi 10 pasi), si "wait 0.3 seconds" (asteapta 0.3 secunde)
  • Inainte de bucla, adauga "say Salut! for 2 seconds" (spune Salut! pentru 2 secunde)
  • Apasa steagul verde si priveste animatia!
Programul complet
cand se da click pe 🚩 spune [Salut!] pentru (2) secunde repeta (10) urmatorul costum mergi (10) pasi asteapta (0.3) secunde

🚀 Deschide Scratch Editor

💡 Indiciu 1: Nu gasesc blocurile

Blocurile sunt organizate pe categorii pe stanga: - Events (galben) - "cand se da click pe steag" - Control (portocaliu) - "repeta", "asteapta" - Motion (albastru) - "mergi pasi" - Looks (mov/violet) - "spune", "urmatorul costum"

💡 Indiciu 2: Pisica nu se misca

Verifica ca ai pus blocul "mergi 10 pasi" IN INTERIORUL buclei "repeta 10". Trage blocul pana apare o umbra alba in jurul lui - asta inseamna ca e in bucla.

💡 Indiciu 3: Costumele nu se schimba

Asigura-te ca pisica are cel putin 2 costume. Clic pe sprite-ul pisicii, apoi pe tab-ul "Costume" de sus. Daca ai doar 1 costum, adauga unul nou sau alege un alt sprite din biblioteca care are mai multe costume (de ex. "Cat" are 2 costume).

🏆 Provocare Bonus

Adauga un alt sprite (de ex. un caine) care sa spuna "Buna!" dupa ce pisica termina de vorbit. Foloseste blocul "wait" pentru timing!

1

1. Continut

👗
Costumele - Cheia animatiei
Costum = o versiune diferita a aceleiasi imagini. Un sprite poate avea multe costume, si schimbandu-le rapid, se creeaza iluzia de miscare.
🎬 Analogie din viata ta:

Un film functioneaza exact la fel! Se arata 24 de imagini pe secunda, fiecare putin diferita. Ochiul tau le vede atat de repede incat creierul tau le combina intr-o miscare fluida. Aceeasi idee e in Scratch - schimbi costumele repede si personajul "se misca"!

Cum functioneaza animatia cu costume
🐱
Costum 1
Picior jos
→
🐈
Costum 2
Picior sus
→
🐱
Inapoi la Costum 1

Schimbarea rapida intre costume = iluzia de mers!

Blocuri pentru costume
urmatorul costum treci la costumul (costume2) treci la costumul (costume1)

next costume (urmatorul costum) - schimba automat la urmatorul costum din lista. Cand ajunge la ultimul, revine la primul (ciclic).

switch costume to - sari direct la un costum specific pe nume.

💡 Informatii utile

Majoritatea sprite-urilor din biblioteca Scratch au deja 2+ costume pregatite pentru animatie! Cauta sprite-uri cu numele "Cat", "Ballerina", "Dinosaur" - toate au costume pentru animatie de mers sau dans.

2

2. Continut

🛝
Glide - Miscare lina
Glide (aluneca) = muta sprite-ul LIN de la pozitia curenta la o pozitie noua, intr-un timp specificat.
🎮 Analogie din viata ta:

Gandeste-te la diferenta dintre teleportare si mers normal. Blocul "go to x: y:" (mergi la) e ca teleportarea - sprite-ul dispare si apare instant in alta parte. Blocul "glide" e ca mersul normal - il vezi deplasandu-se lin de la un loc la altul. E mult mai natural pentru animatii!

Comparatie: Go to vs Glide
cand se da click pe 🚩 mergi la x: (200) y: (100) // Teleportare instant!

cand se da click pe 🚩 gliseaza in (2) secunde la x: (200) y: (100) // Se muta lin in 2 secunde
✨ Sfat profesionist

Combina "glide" cu "next costume" pentru animatie perfecta de mers! Pune-le impreuna intr-o bucla "repeat" si personajul tau va parea ca merge fluent spre destinatie.

⚠️ Atentie la coordonate!

Scena Scratch merge de la x: -240 la x: 240 (stanga-dreapta) si de la y: -180 la y: 180 (jos-sus). Centrul scenei este x: 0, y: 0. Daca pui valori mai mari, sprite-ul va fi in afara scenei (invizibil)!

3

3. Continut

👻
Show/Hide - Arata si Ascunde
show (arata) = face sprite-ul vizibil
hide (ascunde) = face sprite-ul invizibil (dar codul lui continua sa ruleze!)
🎭 Analogie din viata ta:

E ca la teatru! Cand actorul iese de pe scena (hide), nu il vezi, dar el e inca acolo, asteptand. Cand intra pe scena (show), il vezi din nou. La fel si cu sprite-urile - chiar daca sunt ascunse, codul lor functioneaza in continuare!

Efect de aparitie/disparitie
cand se da click pe 🚩 ascunde asteapta (2) secunde arata spune [Boo!] pentru (1) secunde

Sprite-ul dispare 2 secunde, apoi apare brusc si spune "Boo!" - perfect pentru o surpriza!

❌ Greseala frecventa

Multi incepatori uita sa puna "show" la inceputul programului. Daca sprite-ul era ascuns inainte, va ramane invizibil! Solutie: Pune mereu "show" dupa blocul "when green flag clicked" ca sa fii sigur ca sprite-ul e vizibil.

4

4. Continut

🔁
Bucle - Repeat si Forever
repeat N (repeta N ori) = repeta blocurile din interior de un numar fix de ori
forever (la infinit) = repeta blocurile din interior pentru totdeauna
🏃 Analogie din viata ta:

"Repeat 10" e ca si cum profesorul ti-ar spune "Fă 10 genuflexiuni" - stii exact cate trebuie sa faci si cand te opresti. "Forever" e ca si cum ti-ar spune "Alearga pana cand suna clopotelul" - continui la infinit pana cand cineva apasa STOP (butonul rosu din Scratch).

Animatie cu repeat (durata fixa)
cand se da click pe 🚩 repeta (20) urmatorul costum mergi (5) pasi asteapta (0.1) secunde

Sprite-ul merge 20 de pasi inainte si se opreste. Animatia dureaza 2 secunde (20 × 0.1 sec).

Animatie cu forever (continua)
cand se da click pe 🚩 la infinit urmatorul costum asteapta (0.2) secunde

Sprite-ul schimba costumul la fiecare 0.2 secunde, pentru totdeauna. Pare ca se misca continuu pe loc!

🎯 Cand folosesc repeat vs forever?

Repeat: Cand vrei o actiune de un numar fix de ori (de ex. "mergi din stanga in dreapta - 30 de pasi")

Forever: Cand vrei ceva continuu (de ex. "roteste-te mereu", "urmareste mouse-ul mereu")

5

5. Continut

⏱️
Wait - Controlul timpului
wait N seconds (asteapta N secunde) = pune programul pe pauza pentru un timp specificat. Nimic nu se intampla in acel timp.
🎬 Analogie din viata ta:

E ca pauzele dintre replicile actorilor intr-un film. Daca toti ar vorbi instant unul dupa altul, n-ai intelege nimic! Blocul "wait" creeaza acele pauze naturale care fac ca dialogurile sa para reale si usor de urmarit.

Dialog cu timing
cand se da click pe 🚩 spune [Buna ziua!] pentru (2) secunde asteapta (1) secunde spune [Cum te cheama?] pentru (2) secunde asteapta (1) secunde spune [Ma bucur sa te cunosc!] pentru (2) secunde

Pauza de 1 secunda intre replici face dialogul sa para natural, nu robotizat!

✨ Sfat pentru animatie fluida

Viteza animatiei depinde de "wait":

• wait 0.1 sec = foarte rapid (10 cadre/secunda) - energic

• wait 0.2 sec = mediu (5 cadre/secunda) - optim pentru majoritatea animatiilor

• wait 0.5 sec = incet (2 cadre/secunda) - lent, dramatic

6

6. Continut

🏞️
Backdrop - Schimbarea fundalului
Backdrop (fundal) = imaginea din spatele tuturor sprite-urilor. Poate fi schimbat pentru a crea scene diferite (de ex. interior/exterior, zi/noapte).
🎭 Analogie din viata ta:

E ca scenografia la teatru! Actul 1 se intampla intr-o padure, apoi fundalul se schimba si Actul 2 e intr-un castel. La fel in Scratch - schimbi fundalul pentru a arata ca actiunea s-a mutat in alt loc sau alt moment al zilei.

Poveste cu 3 scene
cand se da click pe 🚩 treci la fundalul (bedroom1) spune [Ma trezesc dimineata...] pentru (2) secunde asteapta (1) secunde treci la fundalul (city) spune [...merg la scoala...] pentru (2) secunde asteapta (1) secunde treci la fundalul (school) spune [...si invat lucruri noi!] pentru (2) secunde

Personajul spune o poveste in 3 parti, cu fundal diferit pentru fiecare scena!

🎨 Cum adaugi fundaluri?

1. Clic pe iconita "Choose a Backdrop" (jos-dreapta, langa sprite-uri)

2. Alege din biblioteca (sute de fundaluri gata facute!)

3. Sau deseneaza propriul fundal in Scratch Paint Editor

7

7. Continut

👥
Mai multe sprite-uri - Interactiuni
Multiple sprites = poti avea mai multe personaje pe scena simultan, fiecare cu propriul cod. Ele pot "vorbi" intre ele folosind timing si mesaje.
🎬 Analogie din viata ta:

E ca in serialele tale preferate - ai mai multi actori pe scena, fiecare cu propriul rol. Unul vorbeste, celalalt asculta si raspunde. In Scratch, fiecare sprite are propriul "scenariu" (cod), dar trebuie sa le sincronizezi cu timing perfect!

Dialog intre 2 personaje

Codul pentru Pisica:

cand se da click pe 🚩 spune [Salut, Catelus!] pentru (2) secunde asteapta (3) secunde spune [Hai sa ne jucam!] pentru (2) secunde

Codul pentru Catelus:

cand se da click pe 🚩 asteapta (2) secunde spune [Buna, Pisico!] pentru (2) secunde asteapta (1) secunde spune [Da, hai!] pentru (2) secunde

Atentie la timing! Catelusul asteapta 2 secunde ca pisica sa termine de vorbit, apoi raspunde. Cu "wait" controlezi cand vorbeste fiecare personaj.

📨 Sfat: Mesajele (broadcast)

Pentru sincronizare avansata, Scratch are blocuri de "broadcast" (transmite mesaj). Un sprite trimite un mesaj, altul il primeste si incepe sa actioneze. Acest lucru e mult mai precis decat sa numeri secundele!

8

8. Continut

🎬
Proiect complet - Poveste animata
Punand totul cap la cap = combinand costume, glide, show/hide, wait, backdrops si mai multe sprite-uri, poti crea o poveste animata completa!
Mini-poveste: Pisica se plimba
cand se da click pe 🚩 treci la fundalul (park) arata mergi la x: (-200) y: (-50) spune [Ce zi frumoasa!] pentru (2) secunde repeta (15) urmatorul costum mergi (10) pasi asteapta (0.2) secunde spune [Am ajuns!] pentru (2) secunde

Acest program combina: fundal, show, pozitie initiala, dialog, bucla cu animatie de mers (costume + miscare + timing), si dialog final. Toate conceptele din lectie intr-un singur proiect!

✨ Checklist pentru animatii bune

1. Seteaza pozitia initiala (mergi la x: y:) la inceput

2. Pune "arata" la inceput ca sa fie vizibil sprite-ul

3. Foloseste "wait" intre actiuni pentru timing natural

4. Combina "next costume" + "move" in bucle pentru efect de mers

5. Schimba fundalul pentru scene diferite

Exercitii practice

Exercitiul 1 (Nivel minim) - Animatie de dans

1
Creativ

Alege un sprite cu mai multe costume (de ex. "Ballerina" sau "Dinosaur") si creeaza o animatie de dans. Sprite-ul trebuie sa schimbe costumele continuu (forever) cu o pauza de 0.3 secunde.

Exercitiul 2 (Nivel standard) - Plimbare prin parc

2
Practic

Fa pisica sa se plimbe din stanga scenei (x: -200) pana in dreapta (x: 200) folosind "glide". Adauga si schimbare de costume in bucla pentru efect de mers. La final, pisica sa spuna "Am ajuns!".

Exercitiul 3 (Nivel performanta) - Mini-poveste cu 2 personaje

3
Avansat

Creeaza o scena cu 2 sprite-uri care au un dialog: primul spune ceva, al doilea raspunde. Foloseste 3 schimbari de fundal (backdrop) pentru a crea 3 scene diferite. Bonus: adauga show/hide pentru aparitii dramatice!

Ce ai invatat astazi

  • Costumele sunt cheia animatiei - schimband rapid intre ele creezi iluzia de miscare
  • Blocul "glide" muta sprite-ul lin, pe cand "go to" il teleporteaza instant
  • Show/hide fac sprite-ul vizibil sau invizibil, ca pe scena unui teatru
  • Buclele "repeat" si "forever" repeta actiuni automat
  • Blocul "wait" controleaza viteza animatiei si timing-ul dialogurilor
  • Backdrop-urile schimba fundalul pentru a crea scene diferite
  • Mai multe sprite-uri pot interactiona sincronizandu-le cu "wait"

Urmatoarea lectie

Continua cu lectia urmatoare pentru a aprofunda cunostintele.

Continua →