Invatare Atomica

Interfata Scratch 3.0

Progres lectie:
0%
🎯

Obiectivul lectiei

Deschizi Scratch si nu stii unde e nimic... Te simti pierdut printre butoane si meniuri... Nu gasesti blocurile de care ai nevoie... Confunzi scena cu sprite-urile...

Dupa aceasta lectie vei putea:

  • Sa identifici zonele principale ale interfetei Scratch (scena, zona de blocuri, zona de codare)
  • Sa adaugi si sa stergi sprite-uri din biblioteca Scratch
  • Sa schimbi fundalul scenei din biblioteca sau desenand unul nou
  • Sa navighezi intre categoriile de blocuri (Miscare, Aspecte, Sunete, etc.)
  • Sa rulezi si sa opresti un program Scratch folosind steagul verde si butonul rosu

Incearca singur!

🔍 Exploreaza Interfata!

Provocare: Tur ghidat prin Scratch

Hai sa descoperim impreuna fiecare colt al interfetei Scratch! Urmeaza acesti pasi:

  1. Deschide Scratch 3.0 (merge la scratch.mit.edu sau versiunea offline)
  2. Observa zona din STANGA - paleta de blocuri. Numara cate categorii vezi (Motion, Looks, Sound...)
  3. Uita-te in CENTRU - zona de cod goala. Aici vei trage blocurile!
  4. Priveste in DREAPTA SUS - scena cu pisica (sprite-ul implicit)
  5. Verifica DREAPTA JOS - lista de sprite-uri. Gaseste butonul cu "+" pentru sprite nou
  6. Exploreaza butoanele de deasupra scenei - steagul verde si butonul rosu de stop
  7. Click pe taburile "Code", "Costumes" si "Sounds" - vezi ce se schimba
Nu e nevoie sa faci nimic avansat! Doar priveste si observa unde e fiecare lucru. Familiarizarea cu interfata este primul pas important!
💡 Indiciu #1: Nu gasesti categoriile de blocuri?
Categoriile sunt in stanga, vertical, cu culori diferite: Motion (albastru inchis), Looks (mov), Sound (roz), Events (galben), Control (portocaliu), Sensing (albastru deschis), Operators (verde), Variables (portocaliu inchis), My Blocks (rosu).
💡 Indiciu #2: Nu vezi scena?
Scena este zona alba mare din dreapta sus unde apare pisica. E ca un ecran de televizor - acolo se intampla actiunea! Dimensiunea ei este 480x360 pixeli.
💡 Indiciu #3: Ce face steagul verde?
Steagul verde (deasupra scenei, stanga) porneste programul tau. E ca butonul PLAY! Butonul rosu de langa el opreste tot (STOP). Incearca sa le apesi!

🌟 Provocare Bonus

Incearca sa adaugi un sprite nou (click pe butonul cu pisica si +). Exploreaza biblioteca de sprite-uri a Scratch. Alege unul care iti place si adauga-l pe scena. Observa ca lista de sprite-uri acum are 2 personaje!

1

1. Continut

🖥️
Cele 3 zone principale ale interfetei
Definitie: Interfata Scratch 3.0 este impartita in 3 zone principale: (1) Paleta de blocuri (stanga), (2) Zona de cod (centru), (3) Scena si sprite-uri (dreapta).
Analogie din viata ta: Scratch este ca o bucatarie! Paleta de blocuri = dulapul cu ingrediente (alegi ce ai nevoie). Zona de cod = blatul unde prepari (aranjezi totul). Scena = cuptorul unde vezi rezultatul final (gatit si gata)!

Zonele interfetei in detaliu:

Zona Pozitie Functie
Paleta de blocuri Stanga Afiseaza toate blocurile disponibile, organizate pe categorii
Zona de cod Centru Aici tragi si combini blocurile pentru a crea programe (scripturi)
Scena Dreapta sus Ecranul unde vezi rezultatul - animatiile si actiunea
Lista sprite-uri Dreapta jos Afiseaza toate personajele (sprite-urile) din proiect
Daca vrei sa vezi scena mai mare, apasa butonul "Full Screen" (patratul mic de deasupra scenei, in dreapta)!
2

2. Continut

🎭
Scena (Stage) - Locul unde se intampla totul
Definitie: Scena (Stage) este zona alba mare (480x360 pixeli) unde sprite-urile tale "joaca" - se misca, vorbesc si interactioneaza. E ca o scena de teatru!
Analogie din viata ta: Scena e ca ecranul unui televizor sau a unui teatru. Sprite-urile sunt actorii care se misca pe scena. Fundalul (backdrop) este decorarul din spate.

Coordonatele scenei:

Scena Scratch foloseste un sistem de coordonate X si Y:

  • Centrul scenei: X = 0, Y = 0
  • Axa X (orizontal): de la -240 (stanga) la +240 (dreapta)
  • Axa Y (vertical): de la -180 (jos) la +180 (sus)
  • Coltul stanga sus: X = -240, Y = 180
  • Coltul dreapta jos: X = 240, Y = -180

📍 Exemplu vizual - Pozitii pe scena:

(-240, 180) ───────────────── (0, 180) ───────────────── (240, 180)
     │                            │                            │
     │         SUS (Y pozitiv)    │                            │
     │                            │                            │
(-240, 0) ─────────────────── (0, 0) ──────────────────── (240, 0)
     │         CENTRU            │                            │
     │                            │                            │
     │         JOS (Y negativ)    │                            │
(-240, -180) ──────────────── (0, -180) ─────────────── (240, -180)

          STANGA              CENTRU              DREAPTA
        (X negativ)                             (X pozitiv)
                        
Pentru a vedea coordonatele sprite-ului tau in timp real, uita-te la informatiile de sub scena! Acolo vei vedea "x:" si "y:" care se actualizeaza cand sprite-ul se misca.
Scena insasi poate avea si ea cod! Click pe iconita scenei din lista de sprite-uri (jos-dreapta) pentru a-i adauga blocuri - de exemplu, pentru a schimba fundalul cand incepe jocul.
3

3. Continut

🐱
Sprite-uri - Personajele tale
Definitie: Un sprite este un personaj sau obiect din proiectul tau care poate fi programat sa se miste, sa vorbeasca, sa se transforme. Scratch incepe cu pisica Scratch Cat ca sprite implicit.
Analogie din viata ta: Sprite-urile sunt ca marionete pe care le controlezi prin cod. Fiecare marioneta (sprite) are propriile costume (infatisari diferite) si poate face actiuni diferite!

Cum adaugi un sprite nou:

  1. Gaseste butonul cu iconita pisicii si semnul "+" in coltul din dreapta jos (sub scena)
  2. Click pe el - apare un meniu cu 4 optiuni:
    • Alegeun sprite: biblioteca cu sute de sprite-uri gata facute
    • Deseneaza sprite: creezi propriul tau personaj
    • Surpriza: sprite aleatoriu
    • Incarca sprite: imagine de pe computer
  3. Alege optiunea dorita si selecteaza sprite-ul
  4. Sprite-ul apare pe scena si in lista de sprite-uri!
Atentie! Fiecare sprite are propriul cod! Daca selectezi pisica si adaugi blocuri, apoi selectezi alta sprite (un caine, de exemplu), vei vedea ca zona de cod se goleste - asta pentru ca cainele nu are inca cod. Codul este specific fiecarui sprite!
Pentru a sterge un sprite, click-dreapta pe el in lista de sprite-uri si alege "delete" (sau click pe iconita de cosul de gunoi care apare cand treci cu mouse-ul peste sprite).
4

4. Continut

🧩
Paleta de blocuri - Instrumentele tale
Definitie: Paleta de blocuri (din stanga) contine toate comenzile disponibile in Scratch, organizate in 9 categorii, fiecare cu o culoare specifica.

Categoriile de blocuri (codificate prin culori):

🔵 MOTION (Miscare) - Blocuri pentru deplasarea sprite-urilor (move, turn, go to, glide)
🟣 LOOKS (Aspect) - Schimba aparenta (say, think, show, hide, switch costume, change size)
🟣 SOUND (Sunet) - Reda sunete si muzica (play sound, change volume)
🟡 EVENTS (Evenimente) - Declansatoare care pornesc codul (when flag clicked, when key pressed)
🟠 CONTROL (Control) - Structuri de control (repeat, forever, if-then, wait)
🔵 SENSING (Senzori) - Detecteaza interactiuni (touching, key pressed, ask and wait)
🟢 OPERATORS (Operatori) - Calcule matematice si logice (+, -, *, /, and, or, not)
🟠 VARIABLES (Variabile) - Creeaza si foloseste variabile pentru a stoca date
🔴 MY BLOCKS (Blocurile mele) - Creeaza propriile blocuri personalizate (functii)

🎯 Exemplu practic - Cum folosesti blocurile:

Sa facem pisica sa spuna "Buna!" si sa se miste:

when [green flag ▼] clicked
say [Buna!] for (2) seconds
move (10) steps

Cum se creeaza: (1) Click pe "Events" (galben) si trage "when green flag clicked" in zona de cod. (2) Click pe "Looks" (mov) si trage "say Buna! for 2 seconds" si atasaza-l sub primul bloc. (3) Click pe "Motion" (albastru) si trage "move 10 steps" si atasaza-l sub al doilea bloc. Acum apasa steagul verde!

Blocurile nu se imbina? Verifica ca le imbini corect! Unele blocuri au "cuta" sus (pot sta sub alte blocuri) si "limba" jos (pot avea blocuri sub ele). Altele sunt rotunjite si merg INAUNTRUL altor blocuri (de exemplu, numere in blocul "move _ steps").
5

5. Continut

📑
Taburile Code, Costumes si Sounds
Definitie: Fiecare sprite (si scena) are 3 taburi in partea de sus a zonei centrale: Code (pentru programare), Costumes (pentru infatisari) si Sounds (pentru sunete).

Taburile in detaliu:

📝 Tab CODE:

Aici scrii codul (scripturile). Este tabul implicit cand selectezi un sprite.

  • Zona din stanga: paleta de blocuri
  • Zona din dreapta: zona de cod (tragi blocurile aici)
  • Poti avea mai multe scripturi separate pentru acelasi sprite
🎨 Tab COSTUMES:

Aici editezi cum arata sprite-ul. Un sprite poate avea mai multe "costume" (infatisari diferite).

  • Pisica Scratch Cat are 2 costume (cu picioarele in pozitii diferite) pentru animatie de mers
  • Poti desena costume noi sau edita pe cele existente cu editorul de imagini incorporat
  • Schimbi costumele cu blocul "switch costume to _" din categoria Looks
🔊 Tab SOUNDS:

Aici adaugi si editezi sunete pentru sprite.

  • Scratch are o biblioteca mare de sunete (efecte, muzica, voci)
  • Poti incarca propriile tale sunete (MP3, WAV)
  • Poti chiar sa inregistrezi sunete cu microfonul!
  • Redezi sunete cu blocurile din categoria Sound
Pentru scena, tabul "Costumes" se numeste "Backdrops" (Fundaluri)! E acelasi concept - poti avea mai multe fundaluri diferite si sa le schimbi cu blocuri de cod.

🎬 Exemplu - Animatie cu costume:

Sa facem pisica sa para ca merge alternand costume:

when [green flag ▼] clicked
forever
    next costume
    move (10) steps
    wait (0.1) seconds

Pisica isi schimba costumul, face 10 pasi, asteapta putin, si repeta la nesfarsit - pare ca merge!

6

6. Continut

⚙️
Butoane si controale importante
Definitie: Interfata Scratch are mai multe butoane si controale importante pentru a rula, opri, salva si gestiona proiectul tau.

Butoanele principale:

Buton Pozitie Functie
🏁 Steagul verde Deasupra scenei (stanga) Porneste toate scripturile care incep cu "when green flag clicked"
🛑 Buton rosu STOP Deasupra scenei (langa steagul verde) Opreste toate scripturile care ruleaza
⛶ Full Screen Deasupra scenei (dreapta) Mareste scena pe tot ecranul (bun pentru prezentari)
💾 File → Save Meniul de sus (stanga) Salveaza proiectul (in cont Scratch online sau pe computer offline)
📂 File → Load Meniul de sus Deschide un proiect salvat (.sb3)
🗑️ Edit → Delete Meniul Edit Sterge sprite-uri, blocuri sau costume selectate
Daca lucrezi pe scratch.mit.edu (versiunea online), proiectele se salveaza automat daca esti logat! Daca nu esti logat, trebuie sa salvezi manual (File → Save to your computer) altfel vei pierde tot cand inchizi browser-ul!
Butonul "See project page" (din coltul din dreapta sus) te duce la pagina publica a proiectului unde altii pot vedea si juca jocul tau! Poti adauga instructiuni, note si da share prietenilor.

Exercitii practice

Exercitiul 1 (Nivel minim) -

Exercitiu Explorare
Harta Interfetei Scratch

Creeaza o "harta" a interfetei Scratch pe o foaie A4 sau in Paint:

  1. Deseneaza un dreptunghi mare (interfata Scratch)
  2. Imparte-l in 3 zone: Stanga (paleta), Centru (zona cod), Dreapta (scena + sprite-uri)
  3. In zona stanga, scrie categoriile de blocuri cu culorile lor
  4. In zona dreapta sus, deseneaza scena si marcheaza centrul (0,0) si colturile cu coordonatele
  5. Adauga steagul verde, butonul stop si taburile Code/Costumes/Sounds

Exercitiul 2 (Nivel standard) -

Exercitiu Practic
Tur ghidat prin toate categoriile

In Scratch, exploreaza fiecare categorie de blocuri si completeaza acest tabel:

Categorie Culoare Numele unui bloc gasit
Motion _____ _____
Looks _____ _____
Sound _____ _____
Events _____ _____
Control _____ _____

Exercitiul 3 (Nivel performanta) -

Exercitiu Creativ
Primul tau mini-proiect

Creeaza un proiect simplu care demonstreaza ca intelegi interfata:

  • Cerinta 1: Adauga un sprite nou (nu pisica)
  • Cerinta 2: Schimba fundalul scenei (click pe scena, apoi Backdrops)
  • Cerinta 3: Fa sprite-ul sa spuna ceva cand apesi steagul verde
  • Cerinta 4: Adauga un sunet din biblioteca Sounds
  • Cerinta 5: Salveaza proiectul cu numele "Interfata-Mea"

Ce ai invatat astazi

  • 3 Zone principale:Paleta de blocuri (stanga), Zona de cod (centru), Scena si sprite-uri (dreapta)
  • Sistemul de coordonate:Centru (0,0), X de la -240 la +240, Y de la -180 la +180
  • 9 Categorii de blocuri:Motion (albastru), Looks (mov), Sound (roz), Events (galben), Control (portocaliu), Sensing, Operators, Variables, My Blocks
  • Sprite-uri si scena:Personaje programabile cu costume, sunete si cod propriu
  • 3 Taburi:Code (programare), Costumes (aspect), Sounds (audio)
  • Controale principale:Steagul verde (start), Buton rosu (stop), Salvare si incarcare proiecte

Urmatoarea lectie

Continua cu lectia urmatoare pentru a aprofunda cunostintele.

Continua →