1
1. Continut
Editorul de Sprite-uri (Costume Editor)
Definitie: Editorul de sprite-uri (Costume Editor) este instrumentul din Scratch unde poti desena, edita si personaliza personajele tale. Este ca Paint, dar integrat direct in Scratch!
Analogie din viata ta: Editorul de costume este ca un atelier de arta digital! Ai pensule, culori, forme - tot ce iti trebuie pentru a crea personaje unice. Este atelierul tau personal de design!
Cum accesezi Costume Editor:
- Click pe tab-ul "Costumes" (langa Code si Sounds)
- Sau click pe sprite, apoi alege "Edit" din meniul contextual
- Pentru sprite nou: Click "Paint" sub "Choose a Sprite"
🎨 Interfata Costume Editor:
┌─────────────────────────────────────────┐ │ BARA DE UNELTE (Stanga) │ │ │ │ ✏️ Select (Selectare) │ │ 🖌️ Brush (Pensula) │ │ ✏️ Line (Linie) │ │ ⭕ Circle (Cerc) │ │ ▭ Rectangle (Dreptunghi) │ │ 🎨 Fill (Galeata cu vopsea) │ │ 📝 Text (Text) │ │ 🔍 Eraser (Guma de sters) │ └─────────────────────────────────────────┘ ┌─────────────────────────────────────────┐ │ CANVAS (Centru) - Zona de desenare │ │ │ │ [Aici desenezi sprite-ul] │ │ │ │ Dimensiune: 480 x 360 pixeli │ └─────────────────────────────────────────┘ ┌─────────────────────────────────────────┐ │ OPTIUNI (Dreapta) │ │ │ │ 🎨 Color Picker (Selectare culoare) │ │ 📏 Stroke Width (Grosime linie) │ │ ✓ Filled/Outline (Umplut/Contur) │ │ 🎯 Set Costume Center (Centrare) │ │ ↩️ Undo/Redo (Anuleaza/Refă) │ └─────────────────────────────────────────┘
Dimensiunea canvas-ului este fixa (480x360), dar sprite-ul tau poate fi orice marime! Pentru jocuri mobile, fa sprite-urile mai mari (pentru vizibilitate) si scalează-le in cod daca e nevoie.
2
2. Continut
Instrumentele de Desenare
Definitie: Scratch ofera 8 instrumente principale de desenare, fiecare cu un scop specific. Cunoasterea lor te face un artist digital eficient!
Instrumentele principale si utilizarea lor:
SELECT (Selectare)
Selecteaza, muta si redimensioneaza parti din desen. Click si drag pentru a selecta o zona.
BRUSH (Pensula)
Deseneaza linii libere. Regleaza grosimea cu Stroke Width. Perfect pentru contururi organice.
LINE (Linie)
Deseneaza linii drepte. Tine SHIFT pentru linii perfect orizontale/verticale/diagonale.
CIRCLE (Cerc)
Deseneaza cercuri si elipse. Tine SHIFT pentru cercuri perfecte. Toggle Filled/Outline pentru interior.
RECTANGLE (Dreptunghi)
Deseneaza dreptunghiuri si patrate. Tine SHIFT pentru patrate perfecte. Alege umplut sau doar contur.
FILL (Galeata)
Umple zone inchise cu culoare. Daca culoarea se rasp peste tot, forma nu este complet inchisa!
TEXT (Text)
Adauga text la sprite. Alege font, marime si culoare. Util pentru baloane de dialog sau etichete.
ERASER (Guma)
Sterge zone din desen. Regleaza marimea gumei cu Stroke Width. Sterge pana la transparenta.
Scurtaturi utile: CTRL+Z = Undo, CTRL+Y = Redo, SHIFT + tool = constrangeri (cercuri perfecte, linii drepte), CTRL+C/V = Copy/Paste zone selectate.
🎯 Exercitiu Practic: Deseneaza o Casa
Pasi:
- Rectangle tool → Deseneaza un dreptunghi mare (peretii casei) → Filled
- Rectangle tool → Deseneaza 2 patrate mici (ferestre) → Filled, alta culoare
- Rectangle tool → Deseneaza un dreptunghi vertical (usa) → Filled
- Line tool + SHIFT → Deseneaza 2 linii diagonale pentru acoperis (formand triunghi)
- Line tool → Inchide triunghiul cu o linie orizontala
- Fill tool → Umple acoperisul cu alta culoare
- Circle tool → Adauga un cerc mic langa usa (manerul usii)
3
3. Continut
Importarea si Editarea Imaginilor
Definitie: Pe langa desenarea de la zero, poti importa imagini existente (PNG, JPG, SVG) si le poti edita in Scratch. Asta iti economiseste timp si iti ofera acces la mii de resurse gratuite!
Trei moduri de a obtine sprite-uri:
METODA 1: BIBLIOTECA SCRATCH
Click pe iconita pisica sub "Choose a Sprite" → Alege din sute de sprite-uri profesionale → Gratis si optimizate pentru Scratch!
Categorii: Animals, People, Fantasy, Music, Sports, Food, etc.
METODA 2: IMPORT DE PE CALCULATOR
Click pe iconita "Upload sprite" (sageata in sus) → Alege un fisier PNG/JPG de pe computer → Scratch il importa automat!
Tip: Imagini PNG cu fundal transparent sunt ideale - nu trebuie sa stergi fundalul manual!
METODA 3: DESENAT CUSTOM
Click pe "Paint" → Deseneaza de la zero → Ai control 100% asupra design-ului → Cel mai creativ mod!
Avantaj: Sprite-uri unice care nu apar in alte proiecte!
Cum editezi o imagine importata:
- Sterge fundalul: Eraser tool → Sterge zonele nedorite → Lasa doar personajul
- Redimensioneaza: Select tool → Drag colturile imaginii → Tine SHIFT pentru proportii corecte
- Schimba culori: Select tool → Selecteaza zona → Fill tool → Aplica noua culoare
- Adauga detalii: Foloseste Brush/Circle/etc pentru a adauga elemente noi
- Centreaza: Click "Set Costume Center" pentru rotatii corecte
Surse gratuite de sprite-uri: OpenGameArt.org, Itch.io (Free Game Assets), Kenney.nl (sute de sprite-uri gratuite), Freepik (cu atributie).
Nu folosi imagini cu drepturi de autor (Google Images random)! Foloseste doar resurse gratuite cu licenta libera sau creează-le tu. Respecta munca artistilor!
4
4. Continut
Costume Multiple pentru Animatii
Definitie: Un "costume" in Scratch este o varianta vizuala a sprite-ului. Creand multiple costume si schimbandu-le rapid, creezi iluzia de miscare - exact ca in desene animate (frame by frame animation)!
Analogie din viata ta: Costumelele sunt ca paginile unui flipbook! Cand rasfoiesti rapid paginile, desenele statice par sa se miste. La fel, cand schimbi rapid costume-urile in Scratch, sprite-ul pare sa se anime!
Cum creezi animatie cu costume:
PASUL 1: CREAREA COSTUMELOR
Metoda Rapida: Click dreapta pe costumul existent → "Duplicate" → Modifica ceva mic (ex: pozitia piciorului)
Metoda De la Zero: Click "Paint new costume" → Deseneaza urmatorul frame al animatiei
PASUL 2: ASIGURA CONSISTENTA
✓ Toate costumelele trebuie sa aiba ACEEASI MARIME (altfel sprite-ul "sare")
✓ Toate costumelele trebuie sa fie CENTRATE IN ACELASI PUNCT
✓ Schimba DOAR ce vrei sa se miste (ex: doar picioarele, nu tot corpul)
PASUL 3: PROGRAMAREA ANIMATIEI
Foloseste blocurile:
- "next costume" - Trece la costumul urmator (ciclic)
- "switch costume to [name]" - Sare la un anumit costum
- "wait [0.1] seconds" - Controleaza viteza animatiei
🎮 Exemplu Complet: Animatie de Mers
COSTUME 1 - "walk1": Personaj cu piciorul stang inainte
COSTUME 2 - "walk2": Personaj cu ambele picioare jos (pozitie neutra)
COSTUME 3 - "walk3": Personaj cu piciorul drept inainte
COSTUME 4 - "walk4": Personaj cu ambele picioare jos (pozitie neutra)
COD SCRATCH:
when [green flag] clicked
forever
next costume
wait (0.1) seconds
Rezultat: Personajul "merge" la nesfarsit, schimbând costume la fiecare 0.1 secunde!
Numarul ideal de costume pentru animatie: 2-4 pentru miscari simple (mers, zbor), 6-8 pentru animatii complexe (atac, dans). Mai multe costume = animatie mai fluida, dar mai mult timp de creare!
Evita "costume jumping" (sprite-ul sare pe ecran)! Cauza: Costume cu dimensiuni diferite sau centre diferite. Solutie: Asigura-te ca toate costumelele au exact aceeasi marime si sunt centrate in acelasi punct!
5
5. Continut
Centrarea Corecta a Sprite-urilor
Definitie: "Costume Center" (centrul costumului) este punctul de referinta al sprite-ului pentru rotatii si pozitionare. Daca nu este setat corect, sprite-ul se va roti ciudat sau va "sari" pe ecran!
Analogie din viata ta: Centrul sprite-ului este ca pivotul unei usi! Daca pivotul este la margine, usa se deschide ciudat. Daca pivotul este la mijloc, usa se roteste perfect. La fel si cu sprite-urile!
De ce este centrarea importanta:
| Problema | Cauza | Solutie |
|---|---|---|
| Sprite-ul se roteste ciudat | Centrul nu este in mijlocul sprite-ului | Set Costume Center → Click in mijlocul sprite-ului |
| Sprite-ul "sare" la schimbarea costumelor | Costume cu centre diferite | Centreaza TOATE costumelele in acelasi punct |
| Coordonatele X/Y nu sunt unde crezi | Centrul este offset-at | Verifica pozitia centrului cu crosshair-ul (+) |
Cum centrezi corect un sprite:
- Click pe tab-ul "Costumes"
- Click pe butonul "Set Costume Center" (iconita cu 4 sageti + crosshair)
- Vei vedea un crosshair (+) care arata unde este centrul curent
- Click EXACT in mijlocul sprite-ului (unde vrei sa fie centrul de rotatie)
- Pentru personaje: De obicei in centrul corpului (solduri/abdomen)
- Pentru obiecte simetrice: In centrul geometric exact
Trucul profesional: Pentru animatii cu multiple costume, centreaza PRIMUL costum perfect, apoi foloseste "Duplicate" pentru a creea celelalte. Asta pastreaza automat centrul in acelasi loc!
🎯 Unde sa centrezi diferite tipuri de sprite-uri:
- Personaj uman/animal: In centrul soldurilor/abdomenului (pivot natural)
- Masina/vehicul: In centrul geometric (pentru viraje naturale)
- Minge/obiect circular: In centrul cercului (pentru rotiri perfecte)
- Proiectil (glont/racheta): In varful frontal (direcția de miscare)
- Platform/podea: In centrul de jos (pentru alinierecu solul)