Invatare Atomica

Interfata aplicatiei de animatie Scratch 3.0

Competente: VI-1.2 — Utilizarea eficienta a instrumentelor specializate in scopul realizarii unei animatii grafice • VI-3.2 — Elaborarea unei animatii grafice pentru ilustrarea unei teme date

Progres lectie:
0%
🎬

Obiectivul lectiei

Vrei sa creezi o animatie grafica — un personaj care se misca, un fundal care se schimba, o poveste vizuala — dar nu stii inca unde sunt instrumentele... Aceasta lectie iti cartografiaza interfata aplicatiei Scratch, astfel incat sa poti produce animatii cu incredere.

Dupa aceasta lectie vei putea:

  • Sa identifici zonele principale ale interfetei Scratch ca aplicatie de animatie grafica
  • Sa explici ce sunt obiectele (sprite-urile) si cadrele (costumele) dintr-o animatie grafica
  • Sa adaugi si sa gestionezi obiecte (sprite-uri) si fundaluri (backdrops) pentru o scena de animatie
  • Sa navighezi intre categoriile de blocuri relevante pentru animatie
  • Sa rulezi si sa opresti o animatie folosind steagul verde si butonul rosu

Programa OMEN 3393/2017 — Clasa a VI-a — Domeniu: Animatii grafice

Continut acoperit in aceasta lectie: Interfata aplicatie animatie; cadre, obiecte

Incearca singur!

🔍 Exploreaza Interfata aplicatiei de animatie!

Provocare: Tur ghidat prin Scratch ca aplicatie de animatie
  1. Deschide Scratch 3.0 (scratch.mit.edu sau versiunea offline)
  2. Observa zona din STANGA — paleta de blocuri. Sunt comenzile tale de animatie: miscare, aspect, sunet...
  3. Uita-te in CENTRU — zona de cod. Aici programezi ce face fiecare obiect din animatie
  4. Priveste in DREAPTA SUS — scena (Stage). Aceasta este panza animatiei tale (480x360 pixeli)
  5. Verifica DREAPTA JOS — lista de obiecte (sprite-uri). Pisica este primul obiect implicit
  6. Click pe tab-ul Costumes — acestea sunt cadrele (frames) ale obiectului curent
  7. Apasa steagul verde si butonul rosu de stop — controalele de redare ale animatiei
Nu e nevoie sa programezi nimic deocamdata! Exploreaza si retine: scena = panza, sprite = obiect animabil, costume = cadre ale obiectului.
1

Interfata aplicatiei de animatie — zonele principale

📽
Scratch 3.0 — aplicatie specializata de animatie grafica
Definitie: Scratch 3.0 este o aplicatie specializata pentru crearea animatiilor grafice. Interfata sa este impartita in 3 zone principale: (1) Paleta de blocuri (stanga) — comenzile de animatie, (2) Zona de cod (centru) — scripturile obiectelor, (3) Scena si lista de obiecte (dreapta) — panza animatiei si personajele sale.
Analogie: Scratch este ca un studio de animatie! Paleta = setul de miscari disponibile. Zona de cod = storyboard-ul. Scena = ecranul pe care se proiecteaza animatia finala.

Zonele interfetei:

ZonaPozitieRol in animatie
Paleta de blocuriStangaComenzile de animatie: miscare, aspect, sunet, control
Zona de codCentruScripturile care definesc comportamentul fiecarui obiect animat
Scena (Stage)Dreapta susPanza animatiei — 480x360 pixeli
Lista de obiecteDreapta josToate obiectele (sprite-urile) din animatie
2

Scena (Stage) — panza animatiei

🎪
Scena — locul unde animatia prinde viata
Definitie: Scena (Stage) este zona (480x360 pixeli) unde obiectele tale se misca, se transforma si interactioneaza. Este ecranul de vizualizare al animatiei grafice finale.
Analogie: Scena este ca o bucata de hartie pe care animezi. Obiectele sunt personajele. Fundalul (backdrop) este decorarul din spate.
Scena insasi poate avea cod! Click pe iconita scenei din lista de obiecte pentru a-i adauga blocuri — de exemplu, pentru a schimba fundalul in diferite momente ale animatiei.
3

Obiectele (sprite-urile) — personajele animatiei

🐙
Obiectele — elementele animate ale scenei
Definitie (termen de animatie): Un obiect (in Scratch: sprite) este un element vizual din animatia ta care poate fi programat sa se miste, sa isi schimbe infatisarea (prin cadre/costume), sa produca sunete sau sa reactioneze la evenimente.
Analogie: Obiectele sunt ca decupajele de hartie dintr-un film stop-motion. Fiecare decupaj este un obiect separat pe care il poti misca si transforma independent.
Atentie! Fiecare obiect are propriul cod de animatie! Daca selectezi un alt obiect, zona de cod afiseaza scripturile acelui obiect — codul este specific fiecarui obiect!
4

Paleta de blocuri — instrumentele de animatie

🧩
Paleta de blocuri — comenzile aplicatiei de animatie
Definitie: Paleta de blocuri (din stanga) contine toate comenzile disponibile in Scratch pentru animatia grafica, organizate in 9 categorii, fiecare cu o culoare specifica.
  • MOTION (albastru inchis) — Deplasarea obiectelor
  • LOOKS (mov) — Schimba aparenta obiectului (say, show, hide, switch costume, change size, set effect)
  • SOUND (roz) — Efecte sonore si muzica
  • EVENTS (galben) — Declansatoare (when flag clicked, when key pressed)
  • CONTROL (portocaliu) — Structuri de control (repeat, forever, if-then, wait)
  • SENSING (albastru deschis) — Senzori de interactiune
  • OPERATORS (verde) — Calcule matematice si logice
  • VARIABLES (portocaliu inchis) — Stocheaza date
  • MY BLOCKS (rosu) — Blocuri personalizate
5

Taburile Code, Costumes si Sounds

📑
Taburile de lucru ale unui obiect
Definitie: Fiecare obiect are 3 taburi: Code (scripturile de animatie), Costumes (cadrele/infatisarile) si Sounds (sunetele atasate).

Tab COSTUMES (Cadrele obiectului):

Aici editezi cadrele vizuale ale obiectului. Un obiect poate avea mai multe costume — infatisari diferite care, alternate rapid, produc iluzia miscarii.

  • Pisica Scratch Cat are 2 costume (picioarele in pozitii diferite) — alternand intre ele produce animatia de mers
  • Schimbi costumele cu blocul switch costume to sau next costume din categoria Looks
Pentru scena, tab-ul Costumes se numeste Backdrops (Fundaluri)! Poti crea mai multe fundaluri diferite si le schimbi cu blocuri de cod.
6

Butoane si controale importante

Controalele de redare si gestionare a proiectului de animatie
Definitie: Interfata Scratch are butoane pentru a reda, opri, salva si gestiona proiectul de animatie.
  • 🏁 Steagul verde (deasupra scenei, stanga) — porneste (PLAY) animatia
  • 🛑 Buton rosu STOP (langa steagul verde) — opreste toate scripturile care ruleaza
  • Full Screen (deasupra scenei, dreapta) — mareste scena pe tot ecranul pentru prezentarea animatiei
  • File → Save — salveaza proiectul de animatie (.sb3)
Daca lucrezi pe scratch.mit.edu fara cont, salveaza manual (File Save to your computer) altfel vei pierde toata animatia!
7

Cadre si obiecte — unitatile de baza ale animatiei grafice

🎬
Cadre (frames) si obiecte — conceptele fundamentale ale animatiei
Cadru (frame): O singura imagine statica a unui obiect la un moment dat in animatie. O animatie este o succesiune rapida de cadre care, proiectate in ordine, creeaza iluzia miscarii.

Obiect (object / sprite): Un element vizual dintr-o animatie care are propria sa secventa de cadre si poate fi pozitionat, scalat, rotit si animat independent pe scena.
Analogie din viata ta: Gandeste-te la un flipbook (carticica cu animatii). Fiecare pagina este un cadru. Personajul desenat pe pagini este un obiect. Cand rasfoiesti rapid paginile, personajul pare ca se misca — acesta este principiul animatiei grafice!

Corespondenta dintre terminologia animatiei si Scratch:

Termen de animatieIn Scratch se numesteUnde gasesti
Obiect (object)SpriteLista de sprite-uri (dreapta jos)
Cadru al obiectului (frame)Costume (costum)Tab Costumes al sprite-ului
Cadru de fundalBackdrop (fundal)Tab Backdrops al scenei
Scena (canvas)Stage (scena)Zona dreapta sus a interfetei
Redare animatieSteagul verde (run)Deasupra scenei

🎬 Exemplu concret — cadre la pisica Scratch:

Pisica Scratch Cat are 2 cadre (costume):

  • Costume 1 (Cadrul 1): pisica cu piciorul stang inainte
  • Costume 2 (Cadrul 2): pisica cu piciorul drept inainte

Alternand rapid intre aceste 2 cadre (cu blocul next costume repetat), pisica pare ca merge. Aceasta este tehnica de animatie frame-by-frame.

Legatura cu programa: Aceasta lectie acopera continutul obligatoriu Interfata aplicatie animatie; cadre, obiecte din domeniul Animatii grafice al programei OMEN 3393/2017 pentru clasa a VI-a. Cadrele si obiectele sunt unitatile fundamentale pe care le vei folosi in toate lectiile urmatoare pentru a produce animatii grafice complete (competenta VI-3.2).

Exercitii practice

Exercitiul 1 (Nivel minim) — Explorare

Exercitiu Explorare
Harta interfetei aplicatiei de animatie

Creeaza o harta a interfetei Scratch pe o foaie A4 sau in Paint, etichetand fiecare zona cu rolul sau in productia de animatii:

  1. Deseneaza un dreptunghi mare (interfata Scratch) impartit in 3 zone: Stanga (paleta comenzi), Centru (zona cod), Dreapta (scena + obiecte)
  2. In zona stanga, scrie categoriile de blocuri cu culorile lor si rolul in animatie
  3. In zona dreapta sus, deseneaza scena si marcheaza centrul (0,0) si colturile cu coordonatele
  4. Adauga etichete: Cadre obiect = Costumes, Cadre fundal = Backdrops, PLAY = steagul verde, STOP = butonul rosu

Exercitiul 2 (Nivel standard) — Practic

Exercitiu Practic
Explorarea cadrelor si obiectelor in Scratch

In Scratch, exploreaza cadrele (costumele) si obiectele disponibile si completeaza tabelul:

Obiect alesCate cadre (costume) are?Ce miscare sugereaza cadrele?
Scratch Cat (pisica)__________
Alt obiect ales: _______________
Al 3-lea obiect ales: _______________

Exercitiul 3 (Nivel performanta) — Produs de animatie

Exercitiu Creativ
Prima scena de animatie grafica

Creeaza un proiect Scratch care este o scena de animatie grafica, respectand cerintele (VI-3.2):

  • Cerinta 1: Alege un fundal (backdrop) din biblioteca care sa ilustreze o tema (natura, oras, spatiu etc.)
  • Cerinta 2: Adauga cel putin 2 obiecte (sprite-uri) care sa se potriveasca temei fundalului
  • Cerinta 3: Fa cel putin un obiect sa isi alterneze cadrele (costumele) pentru a produce o animatie vizibila
  • Cerinta 4: Fa cel putin un obiect sa se miste pe scena cand apesi steagul verde
  • Cerinta 5: Salveaza proiectul cu numele Prima-Mea-Animatie

Produsul final este o scena animata cu tema. Scopul este sa stapanesti interfata ca animator si sa folosesti cadre si obiecte pentru a produce o animatie grafica.

Ce ai invatat astazi

  • Scratch ca aplicatie de animatie: instrument specializat pentru productia de animatii grafice — competente VI-1.2 si VI-3.2 din OMEN 3393/2017
  • 3 zone principale: Paleta de blocuri (comenzi de animatie), Zona de cod (scripturi), Scena + lista obiecte
  • Obiecte (sprites): elementele vizuale animate ale scenei
  • Cadre (frames = costume): imaginile statice succesive ale unui obiect; alternarea lor rapida produce iluzia miscarii — principiul fundamental al animatiei grafice (continut obligatoriu: Interfata aplicatie animatie; cadre, obiecte)
  • 9 Categorii de blocuri: Motion, Looks, Sound, Events, Control, Sensing, Operators, Variables, My Blocks
  • 3 Taburi: Code (scripturi), Costumes (cadrele obiectului), Sounds (coloana sonora)
  • Controale de redare: Steagul verde (PLAY), Buton rosu (STOP)

Urmatoarea lectie

Continua cu lectia urmatoare pentru a invata cum sa animezi miscarea obiectelor pe scena.

Continua →