LECTIA 3 - SCENE

Fundaluri si Design de Scene

Citeste fiecare concept, apoi raspunde la intrebari pentru a continua

Progres lectie:
0%
🎯

Obiectivul lectiei

"Dupa aceasta lectie vei sti sa creezi fundaluri atractive, sa schimbi scenele dinamic si sa folosesti straturi pentru a da adancime proiectului tau Scratch!"

Dupa aceasta lectie vei putea:

  • Sa identifici ce este fundalul (backdrop) in Scratch
  • Sa demonstrezi cum adaugi un fundal nou
  • Sa demonstrezi schimbarea fundalurilor cu blocuri de cod
  • Sa aplici organizarea scenelor unui proiect
  • Sa aplici desenarea propriilor fundaluri
1

Ce este fundalul (backdrop) in Scratch?

In Scratch, fundalul (numit si backdrop in engleza) este imaginea care apare in spatele tuturor sprite-urilor. Gandeste-te la el ca la decorul unei piese de teatru: actorii (sprite-urile) joaca pe scena, dar in spatele lor se afla un peisaj pictat care ne spune unde are loc actiunea. Fara fundal, proiectul tau ar arata ca o scena goala, alba - functioneaza, dar nu este deloc interesanta vizual.

Fundalul apartine Scenei (Stage), nu unui sprite individual. Asta inseamna ca, pentru a-l modifica, trebuie sa selectezi Scena din lista de sprite-uri, nu un sprite anume. Scena are propriile sale tab-uri: Cod, Fundaluri si Sunete. In tab-ul Fundaluri poti vedea si edita toate fundalurile pe care le-ai adaugat proiectului.

Un proiect Scratch poate avea mai multe fundaluri . De exemplu, un joc poate incepe cu un ecran de titlu (primul fundal), apoi trece la nivelul de joc (al doilea fundal) si se termina cu un ecran de victorie sau de sfarsit de joc (al treilea fundal). Aceasta schimbare de fundaluri creeaza senzatia ca jocul are mai multe "scene" sau "nivele", facandu-l mult mai profesional.

Dimensiunea fundalului in Scratch este intotdeauna de 480 x 360 pixeli . Aceasta este marimea fixa a scenei Scratch. Cand desenezi sau importi un fundal, asigura-te ca imaginea acopera intreaga scena. Daca folosesti o imagine mai mica, vor ramane zone albe vizibile. Daca imaginea este mai mare, Scratch o va redimensiona automat pentru a se potrivi. Este util sa stii ca proportia este de 4:3 (latimea este cu o treime mai mare decat inaltimea), aceeasi proportie pe care o aveau televizoarele vechi. Daca desenezi fundaluri in Paint sau alt program, seteaza dimensiunea la exact 480x360 pentru rezultate optime.

O analogie utila: daca proiectul tau Scratch ar fi un film, fundalurile ar fi locatiile de filmare . Un film filmat intr-o padure, apoi pe o plaja, apoi intr-un oras foloseste trei locatii diferite - la fel, proiectul tau poate folosi trei fundaluri diferite pentru a povesti o intreaga aventura. Cu cat fundalurile sunt mai bine alese si mai detaliate, cu atat proiectul tau va captiva publicul.

Istoric vorbind, primele jocuri video aveau fundaluri complet negre - Pong, Space Invaders, Pac-Man - deoarece tehnologia nu permitea mai mult. Astazi, chiar si in Scratch, poti crea fundaluri complexe cu gradiente, desene detaliate si chiar imagini fotografice.

Evolutia fundalurilor in jocuri reflecta evolutia intregii industrii de divertisment digital, iar tu faci parte din aceasta poveste cand creezi propriile tale scene! Fiecare fundal pe care il desenezi sau il alegi este o decizie artistica care influenteaza intreaga experienta a utilizatorului.

Ce rol are fundalul (backdrop) intr-un proiect Scratch?
A Controleaza miscarile sprite-urilor
B Stabileste scena vizuala si atmosfera proiectului
C Inlocuieste sprite-urile din proiect
2

Cum adaugi un fundal nou

Pentru a adauga un fundal nou in Scratch, trebuie mai intai sa selectezi Scena (Stage). O gasesti in coltul din dreapta-jos al ecranului, langa lista de sprite-uri. Cand dai click pe Scena, observi ca in stanga apar tab-urile Cod, Fundaluri si Sunete - exact ca la sprite-uri, dar in loc de "Costume" ai "Fundaluri".

Exista patru metode de a adauga un fundal nou, iar fiecare are avantajele ei:

  • Alege un fundal (Choose a Backdrop) - deschide biblioteca Scratch cu sute de fundaluri gata facute, organizate pe categorii: Exterior, Interior, Muzica, Sport, Spatiu si altele. Este cea mai rapida metoda.
  • Deseneaza (Paint) - deschide editorul de desene unde poti crea un fundal de la zero. Ai instrumente de desen precum pensula, dreptunghiul, cercul si instrumentul de umplere cu culoare.
  • Surpriza (Surprise) - Scratch alege aleatoriu un fundal din biblioteca sa. Este o metoda distractiva care poate da nastere la idei neasteptate.
  • Incarca (Upload) - iti permite sa incarci o imagine de pe calculatorul tau. Poti folosi fotografii, desene facute in Paint sau imagini descarcate de pe internet (atentie la drepturile de autor!).

Cand folosesti biblioteca Scratch, poti previzualiza fiecare fundal inainte de a-l adauga. Treci cu mouse-ul peste miniatura si vei vedea cum arata la dimensiunea completa. Daca iti place, da click pe el si se adauga automat la proiectul tau. Poti adauga cate fundaluri doresti - nu exista o limita practica.

Un sfat important: chiar daca biblioteca Scratch are fundaluri frumoase, cele mai originale proiecte sunt cele care folosesc fundaluri desenate de mana . Nu trebuie sa fii un artist desavarsit - chiar si un fundal simplu desenat de tine va face proiectul unic. Gandeste-te la stilul artistic al jocurilor retro: fundaluri simple dar eficiente, cu culori vii si forme clare.

Daca incarci o imagine de pe calculator, asigura-te ca este in format PNG sau JPG . Formatele PNG sunt ideale pentru fundaluri cu zone transparente, iar JPG este bun pentru fotografii si imagini complexe. Scratch accepta si formatul SVG (grafice vectoriale), care arata bine la orice dimensiune fara sa se pixeleze.

O greseala frecventa este sa adaugi fundaluri fara sa le redenumesti . Cand adaugi un fundal din biblioteca, Scratch ii da un nume generic precum "Blue Sky" sau "Castle 1". Redenumeste-l imediat cu un nume relevant pentru proiectul tau: "ecran_start", "nivel_padure", "game_over". Pentru a redenumi un fundal, selecteaza-l in tab-ul Fundaluri si modifica numele din caseta de text de deasupra editorului. Aceasta practica simpla te va scuti de multa confuzie mai tarziu, cand vei folosi blocul "schimba fundalul la [...]".

Unde gasesti optiunea de a adauga un fundal nou in Scratch?
A In meniul Fisier, la Export
B Click pe Scena (Stage), apoi butonul de adaugare fundal
C In blocurile de Miscare ale sprite-ului
3

Schimbarea fundalurilor cu blocuri de cod

Cel mai important bloc pentru lucrul cu fundaluri este "schimba fundalul la [...]" din categoria Aspect (Looks). Acest bloc iti permite sa treci de la un fundal la altul in orice moment al proiectului. De exemplu, cand jucatorul termina un nivel, poti schimba fundalul de la "nivel_1" la "nivel_2" pentru a arata ca a progresat.

Exista si blocul "fundalul urmator" (next backdrop), care trece automat la urmatorul fundal din lista, in ordine. Daca ai trei fundaluri - "start", "joc", "sfarsit" - prima data cand folosesti acest bloc trece de la "start" la "joc", a doua oara de la "joc" la "sfarsit". Este util cand ai o secventa liniara de scene. Atentie: daca ai ajuns la ultimul fundal si folosesti "fundalul urmator", Scratch revine la primul fundal din lista, creand un ciclu. Aceasta comportare poate fi utila sau poate cauza bug-uri, in functie de proiect.

Un truc foarte util este combinatia intre schimbarea fundalului si blocul "cand fundalul se schimba la [...]" . Acest bloc de eveniment permite ca anumite actiuni sa se intample automat cand se trece la un fundal specific. De exemplu: "cand fundalul se schimba la nivel_2" poti programa sprite-urile sa se repozitioneze, variabilele sa se reseteze si muzica sa se schimbe - totul automat!

In practica, cele mai bune proiecte Scratch folosesc fundalurile ca un sistem de management al scenelor . Iata o structura obisnuita: Fundalul 1 este ecranul de start cu titlul si un buton "Joaca", Fundalul 2 este jocul propriu-zis, Fundalul 3 este ecranul de "Game Over" sau de victorie. Schimbarea intre ele se face prin blocul "schimba fundalul la [...]" declansat de evenimente specifice (click pe buton, pierderea vietilor, atingerea unui obiectiv).

Poti verifica oricand ce fundal este activ folosind blocul raportor "fundalul # al [...]" . Acest bloc returneaza numele sau numarul fundalului curent si este util in conditii: "daca fundalul # al numelui = joc, atunci..." - astfel poti face ca un sprite sa se comporte diferit in functie de scena activa.

Un exemplu concret de utilizare a blocurilor de fundal: imagineaza-ti un joc cu un labirint. Pe ecranul de start, jucatorul vede titlul "Labirintul Magic" si apasa un buton. Butonul contine scriptul: "cand se da click pe acest sprite, schimba fundalul la nivel1, transmite incepe_jocul". Pe fundalul "nivel1" este desenat labirintul, iar sprite-urile (personajul, cheile, usile) se pozitioneaza automat la locurile corecte cand primesc mesajul "incepe_jocul". Aceasta coordonare intre fundal si sprite-uri este cheia unui proiect bine organizat.

Ce bloc din Scratch schimba fundalul la un anumit fundal?
A mergi la x: y:
B schimba fundalul la [...]
C urmatorul costum
4

Organizarea scenelor unui proiect

Un proiect Scratch bine organizat are mai multe scene , fiecare cu propriul fundal. Gandeste-te la scenele ca la capitolele unei carti: fiecare capitol duce povestea mai departe, iar fiecare scena din proiectul tau introduce o parte noua a experientei. Organizarea corecta a scenelor face diferenta intre un proiect amator si unul profesional.

Iata o structura de baza pentru un joc Scratch:

  • Scena 1 - Ecranul de start: contine titlul jocului, instructiuni scurte si un buton "Joaca". Fundalul poate fi simplu dar atractiv, cu culori care reflecta tema jocului.
  • Scena 2 - Nivelul de joc: aici se desfasoara actiunea principala. Fundalul reprezinta mediul in care jucatorul actioneaza (padure, oras, spatiu cosmic, ocean etc.).
  • Scena 3 - Ecranul final: poate fi un ecran de victorie ("Felicitari! Ai castigat!") sau un ecran de "Game Over" cu optiunea de a rejuca.

Pentru proiecte mai complexe, poti adauga si alte scene: un ecran cu instructiuni detaliate, scene de tranzitie intre nivele (de exemplu, "Nivel 2 - Pestera de Gheata"), un ecran cu scorul final si clasamentul. Fiecare scena suplimentara adauga profunzime proiectului si il face sa semene mai mult cu un joc real. Multe jocuri populare de pe Scratch au 5-10 fundaluri diferite, fiecare contribuind la o experienta completa si profesionala.

Un lucru important de retinut: cand schimbi fundalul, sprite-urile nu dispar automat . Trebuie sa programezi fiecare sprite sa se afiseze sau sa se ascunda in functie de scena curenta. De exemplu, butonul "Joaca" trebuie sa apara doar pe ecranul de start si sa se ascunda cand jocul incepe. Foloseste blocul "cand fundalul se schimba la [...]" impreuna cu "arata-te" si "ascunde-te" pentru a controla ce sprite-uri sunt vizibile in fiecare scena.

Iata un model de organizare a codului pentru un sprite care apare doar pe ecranul de start:

  • Script 1: "cand se da click pe steagul verde" urmat de "arata-te" - la start trebuie sa fie vizibil
  • Script 2: "cand primesc incepe_jocul" urmat de "ascunde-te" - nu mai apare in timpul jocului
  • Script 3: "cand primesc game_over" urmat de "arata-te" - reapare pe ecranul de sfarsit, daca este necesar

Aceasta structura pe trei scripturi separate este mult mai clara decat un singur script lung cu multe conditii. Fiecare script raspunde la un singur eveniment si face un singur lucru, ceea ce face codul usor de inteles si de depanat.

Un sfat de organizare: numeste fundalurile descriptiv . In loc de "backdrop1", "backdrop2", "backdrop3", foloseste nume precum "start", "nivel1", "gameOver". Cand ai multe fundaluri si blocuri de cod, numele descriptive te ajuta sa intelegi rapid ce face fiecare parte a proiectului, mai ales daca revii la el dupa cateva zile.

Pentru jocurile mai complexe, poti folosi si scene intermediare (cutscenes). Acestea sunt momente in care actiunea se opreste si se afiseaza un mesaj sau o animatie scurta - de exemplu, "Nivel 2: Pestera de Gheata - Ai colectat 15 cristale! Mai ai nevoie de 20 pentru a deschide poarta magica." Aceste scene intermediare dau jucatorului un moment de respiro si il motiveaza sa continue. Le poti implementa simplu: creeaza un fundal cu textul dorit, afiseaza-l pentru cateva secunde, apoi treci la fundalul nivelului urmator.

Cum organizezi scenele unui joc Scratch?
A Folosesti un singur fundal si muti sprite-urile
B Creezi mai multe fundaluri: start, joc, game over
C Stergi fundalul si lasi scena goala
5

Desenarea propriilor fundaluri

Editorul de fundaluri din Scratch are doua moduri de lucru: mod vectorial si mod bitmap . Modul vectorial deseneaza forme matematice (linii, cercuri, dreptunghiuri) care pot fi redimensionate fara a pierde calitatea. Modul bitmap deseneaza pixel cu pixel, ca in Paint. Pentru fundaluri, ambele moduri sunt utile, dar vectorial ofera rezultate mai curate si mai usor de modificat.

Instrumentele principale disponibile in editorul de fundaluri sunt:

  • Pensula (Brush) - deseneaza linii libere cu grosimea si culoarea alease. Perfecta pentru detalii si efecte artistice.
  • Dreptunghi (Rectangle) - creeaza dreptunghiuri si patrate. Tine apasat Shift pentru a desena un patrat perfect.
  • Cerc (Circle) - creeaza cercuri si elipse. Tine apasat Shift pentru un cerc perfect.
  • Linie (Line) - traseaza linii drepte intre doua puncte.
  • Umplere (Fill) - umple o zona inchisa cu o culoare sau un gradient. Foarte utila pentru a colora rapid cerul, iarba sau alte zone mari.
  • Text - adauga text pe fundal, util pentru titluri sau mesaje pe ecranele de start si sfarsit.

Un truc excelent pentru fundaluri atractive este folosirea gradientelor . In loc sa colorezi cerul cu un albastru uniform, foloseste un gradient care trece de la albastru inchis (sus) la albastru deschis (jos). Aceasta tehnica simpla da un aspect mult mai profesional fundalului. In editorul Scratch, poti selecta tipul de umplere (culoare solida, gradient liniar, gradient radial) din paleta de culori.

Un alt truc util este instrumentul de copiere a culorii (eyedropper/pipeta). Daca vezi o culoare care iti place intr-un fundal existent sau intr-o imagine, foloseste pipeta pentru a o selecta exact. Astfel poti pastra o paleta de culori consistenta in tot proiectul. De exemplu, daca ai ales un anumit verde pentru iarba pe primul fundal, foloseste exact aceeasi nuanta pe toate celelalte fundaluri care contin iarba.

Cand desenezi un fundal, incepe cu elementele mari si termina cu detaliile. Mai intai deseneaza cerul (un dreptunghi mare albastru), apoi pamantul sau apa (un dreptunghi verde sau albastru in partea de jos), apoi adauga elementele de decor (copaci, cladiri, nori). Aceasta abordare se numeste "de la general la detaliu" si este folosita de toti artistii profesionisti. Iata o reteta simpla pentru un fundal de padure: deseneaza un dreptunghi albastru-deschis pe toata scena (cerul), apoi un dreptunghi verde in jumatatea de jos (iarba), adauga 3-4 triunghiuri verzi-inchise (copaci), cateva cercuri albe sus (nori) si un cerc galben in colt (soarele). In mai putin de 5 minute ai un fundal complet si atractiv!

Nu uita ca poti combina fundaluri din biblioteca Scratch cu desene proprii. Adauga un fundal din biblioteca, apoi deschide-l in editor si deseneaza elemente suplimentare peste el. De exemplu, poti lua un fundal cu o padure si sa adaugi o poteca, un rau sau o casuta desenata de tine.

Un exercitiu excelent pentru a te obisnui cu editorul este sa incerci sa reproduci un fundal celebru dintr-un joc pe care il cunosti. De exemplu, incearca sa desenezi un fundal inspirat de Mario (cer albastru, blocuri maro, nori albi) sau de Angry Birds (cer cu gradient, dealuri verzi).

Nu trebuie sa fie perfect - scopul este sa exersezi instrumentele si sa iti dezvolti un stil propriu de desen digital. Cu cat desenezi mai multe fundaluri, cu atat vei deveni mai rapid si mai priceput. Primele tale fundaluri poate nu vor arata extraordinar, dar dupa 5-6 incercari vei observa o imbunatatire vizibila in calitatea desenelor tale.

Ce instrument folosesti pentru a colora o zona mare dintr-un fundal desenat?
A Pensula (Brush)
B Instrumentul de umplere (Fill)
C Instrumentul text (Text)
6

Straturi (Layers) - Adancime vizuala

In Scratch, sprite-urile sunt asezate pe straturi (layers), exact ca foile de hartie puse una peste alta. Sprite-ul care este "deasupra" acopera sprite-urile de "dedesubt". Fundalul este intotdeauna pe cel mai de jos strat - nu poate fi adus in fata sprite-urilor. Aceasta ordine de straturi determina ce vede jucatorul cand doua obiecte se suprapun.

Scratch ofera doua blocuri esentiale pentru controlul straturilor, ambele in categoria Aspect :

  • "treci in fata" (go to front layer) - aduce sprite-ul selectat deasupra tuturor celorlalte sprite-uri. Util pentru personajul principal sau pentru mesaje importante care trebuie sa fie mereu vizibile.
  • "treci in spate cu [numar] straturi" (go back [number] layers) - muta sprite-ul in spate cu un anumit numar de straturi. De exemplu, "treci in spate cu 2 straturi" il pune sub urmatoarele doua sprite-uri.

Straturile sunt foarte utile pentru a crea profunzime vizuala . Imagineaza-ti un peisaj: in fundal ai munti (strat de jos), in mijloc ai copaci (strat mediu), iar in prim-plan ai personajul (strat de sus). Aceasta tehnica se numeste paralax in designul de jocuri si face ca scena sa para tridimensionala, chiar daca Scratch lucreaza doar in 2D.

O greseala frecventa este sa uiti sa setezi straturile la inceputul proiectului. Cand proiectul porneste (blocul "cand se da click pe steagul verde"), adauga blocuri "treci in fata" sau "treci in spate cu..." pentru fiecare sprite important. Astfel, ordinea de afisare va fi corecta de fiecare data cand cineva ruleaza proiectul, nu doar pe calculatorul tau.

Un exemplu practic: intr-un joc de tip platformer, personajul principal trebuie sa fie mereu in fata fundalului si a elementelor de decor, dar in spatele mesajelor de scor sau de "Game Over". Programeaza personajul cu "treci in fata" la inceput, dar cand afisezi mesajul de "Game Over", pune-l pe acela cu "treci in fata" pentru a-l aduce deasupra personajului.

O aplicatie creativa a straturilor este crearea efectului de profunzime (depth effect). Imagineaza-ti un peisaj montan: desenezi muntii indepartati ca un sprite separat, pozitionat in spate (cu "treci in spate cu 5 straturi"), copacii din plan mediu ca alt sprite (cu "treci in spate cu 2 straturi"), iar personajul ramane in fata.

Daca misti muntii lent si copacii mai repede, obtii un efect de paralax care face scena sa para tridimensionala. Aceasta tehnica este folosita in majoritatea jocurilor profesionale 2D si arata spectaculos chiar si in Scratch. Poti avea 3, 4 sau chiar 5 straturi de fundal care se misca cu viteze diferite pentru un efect si mai impresionant.

Retine ca ordinea in care creezi sprite-urile afecteaza ordinea implicita a straturilor. Sprite-ul creat cel mai recent apare deasupra celorlalte. De aceea este important sa setezi explicit straturile la inceputul proiectului cu blocul "cand se da click pe steagul verde", in loc sa te bazezi pe ordinea implicita care se poate schimba accidental.

Ce bloc folosesti pentru a aduce un sprite in fata celorlalte?
A mergi la x: y:
B treci in fata
C schimba marimea cu 10
7

Fundaluri animate si efectul de scrolling

Fundalul in Scratch este static - nu se misca de la sine. Dar poti crea iluzia unui fundal in miscare folosind un truc ingenios: sprite-uri de fundal . In loc sa folosesti fundalul propriu-zis al Scenei, desenezi peisajul ca un sprite si il misti continuu. Aceasta tehnica este folosita in jocurile de tip "endless runner" (alergare infinita) sau "side-scroller" (defilare laterala).

Iata cum functioneaza tehnica de scrolling orizontal pas cu pas:

  1. Creeaza un sprite cu imaginea fundalului tau (de exemplu, un peisaj cu copaci si nori).
  2. Duplica acest sprite pentru a avea doua copii identice.
  3. Pozitioneaza primul sprite la x=0 si al doilea la x=480 (exact langa primul, in dreapta).
  4. Intr-o bucla "la infinit", misca ambele sprite-uri spre stanga cu aceeasi viteza (de exemplu, "schimba x cu -2").
  5. Cand un sprite iese complet din ecran (x < -480), repozitioneaza-l la x=480 (in dreapta ecranului).

Rezultatul este un fundal care pare sa defileze la infinit, creand senzatia ca personajul se deplaseaza continuu prin lume. Aceasta tehnica se numeste "infinite scrolling" si este folosita in sute de jocuri celebre, de la Super Mario la Flappy Bird. Desi pare complicata, odata ce intelegi principiul (doua copii ale aceluiasi fundal care se misca si se repozitioneaza), o poti implementa in mai putin de 10 minute.

Poti aplica aceeasi tehnica si pe verticala (de exemplu, pentru un joc de nave spatiale unde stelele cad de sus in jos) sau in ambele directii simultan. Pentru un efect de paralax, foloseste mai multe straturi de sprite-uri de fundal care se misca cu viteze diferite: norii se misca lent, copacii se misca mai repede, iar solul se misca cel mai repede. Aceasta diferenta de viteze creeaza o senzatie de adancime foarte convincatoare.

Un alt tip de animatie a fundalului este schimbarea costumului Scenei . Daca ai desenat acelasi peisaj cu mici diferente (de exemplu, un soare care se misca pe cer), poti crea o animatie simpla alternand intre aceste costume ale Scenei. Folosesti blocul "fundalul urmator" intr-o bucla cu "asteapta [secunde]" pentru a controla viteza animatiei.

Iata un exemplu practic de scrolling pe care il poti implementa chiar acum: deschide Scratch, creeaza un sprite nou si deseneaza o banda orizontala cu iarba, flori si pietre mici. Duplica sprite-ul.

In scriptul ambelor sprite-uri, pune: "cand se da click pe steag verde", apoi "la infinit: schimba x cu -3, daca x < -240 atunci seteaza x la 240". Pozitioneaza primul sprite la x=0, al doilea la x=240.

Apasa steagul verde si vei vedea iarba defiland continuu - felicitari, ai creat primul tau fundal animat! Poti modifica viteza schimband valoarea -3 la -1 (lent) sau -5 (rapid).

O varianta avansata este scrolling-ul controlat de jucator . In loc sa misti fundalul automat, il misti doar cand jucatorul apasa o tasta. De exemplu: "daca tasta sageata dreapta este apasata, atunci schimba x cu -3 pentru toate sprite-urile de fundal".

Astfel, lumea se misca doar cand jucatorul vrea sa avanseze, exact ca in jocurile de tip platformer unde personajul "exploreaza" lumea. Aceasta varianta da jucatorului mai mult control si face jocul sa se simta mai interactiv si mai dinamic.

Cum creezi efectul de scrolling (defilare) al fundalului in Scratch?
A Schimbi fundalul la fiecare secunda
B Folosesti sprite-uri duplicate care se misca continuu
C Maresti dimensiunea fundalului
8

Efecte grafice pe fundaluri

Scratch ofera mai multe efecte grafice pe care le poti aplica atat sprite-urilor, cat si Scenei (fundalului). Aceste efecte sunt controlate prin blocurile "seteaza efectul [...] la [valoare]" si "schimba efectul [...] cu [valoare]" din categoria Aspect. Cand selectezi Scena si aplici un efect, acesta modifica aspectul fundalului in timp real.

Efectele disponibile in Scratch sunt:

  • Culoare (Color) - schimba nuanta culorilor. Valori de la 0 la 200 trec prin tot spectrul de culori (rosu, portocaliu, galben, verde, albastru, violet si inapoi la rosu). Util pentru a simula trecerea de la zi la noapte sau schimbarea anotimpurilor.
  • Ochi de peste (Fisheye) - distorsioneaza imaginea ca printr-o lentila. Valori pozitive maresc centrul, valori negative il micsoreaza.
  • Vartej (Whirl) - rasuceste imaginea in spirala. Un efect interesant pentru tranzitii sau pentru a crea senzatia de ameteala.
  • Pixeleaza (Pixelate) - face imaginea sa para formata din patrate mari. Util pentru efecte retro sau pentru a simula o imagine neclara.
  • Mozaic (Mosaic) - repeta imaginea de mai multe ori pe ecran. Creeaza un pattern interesant.
  • Luminozitate (Brightness) - face fundalul mai luminos sau mai inchis. Perfect pentru tranzitii zi-noapte.
  • Fantoma (Ghost) - face fundalul transparent. La valoarea 100, fundalul devine complet invizibil.

Aceste efecte devin cu adevarat puternice cand le animezi . De exemplu, pentru a crea o tranzitie de tip "fade out" (disparitie treptata), poti folosi o bucla care creste treptat efectul "fantoma" de la 0 la 100. Fundalul va deveni din ce in ce mai transparent pana dispare complet, moment in care schimbi fundalul si faci "fade in" (aparitie treptata) reducand efectul fantoma de la 100 la 0.

Un alt efect spectaculos este simularea trecerii timpului . Foloseste efectul "luminozitate" animat: incepe cu luminozitate normala (0) pentru zi, scade-o treptat la -50 sau -70 pentru a simula apusul si noaptea, apoi creste-o inapoi pentru rasarit. Combinat cu o schimbare subtila a efectului de culoare, poti crea un ciclu zi-noapte foarte convingator.

Nu uita sa resetezi efectele la inceputul proiectului cu blocul "sterge efectele grafice". Daca nu faci asta, efectele din rularea anterioara vor ramane active si fundalul va arata diferit de cum ai planuit. Pune intotdeauna acest bloc in scriptul care ruleaza "cand se da click pe steagul verde".

Un exemplu creativ: poti folosi efectul "culoare" pentru a simula schimbarea anotimpurilor. Deseneaza un peisaj de vara (copaci verzi, cer albastru) si apoi schimba treptat efectul de culoare. Cand ajungi la anumite valori, copacii par portocalii (toamna) sau albastri (iarna).

Combinat cu efectul de luminozitate redusa, poti crea o atmosfera de iarna foarte convingatoare, totul dintr-un singur fundal desenat! Aceasta tehnica economiseste mult timp: in loc sa desenezi 4 fundaluri diferite pentru 4 anotimpuri, desenezi unul singur si lasi efectele grafice sa faca restul muncii. Este un exemplu excelent de gandire eficienta in programare - reutilizarea resurselor existente.

Ce efect grafic poti aplica fundalului din Scratch?
A Efecte de lumina 3D
B Efecte precum culoare, ochi de peste, luminozitate, fantoma
C Efecte de particule si foc
9

Coordonarea sprite-urilor cu fundalurile

Unul dintre cele mai importante aspecte ale designului de scene este coordonarea intre fundaluri si sprite-uri. Cand schimbi scena, de obicei vrei ca mai multe lucruri sa se intample simultan: anumite sprite-uri sa apara, altele sa dispara, muzica sa se schimbe, variabilele sa se reseteze. Cel mai eficient mod de a face asta este prin mesaje (broadcast). Gandeste-te la mesaje ca la un megafon: cand Scena transmite un mesaj, toate sprite-urile il "aud" simultan si pot reactiona fiecare in felul sau.

Iata un exemplu complet de coordonare: cand jucatorul apasa butonul "Joaca" pe ecranul de start, sprite-ul butonului transmite mesajul "incepe_jocul". Scena primeste mesajul si schimba fundalul la "nivel1". Personajul principal primeste mesajul si se pozitioneaza la locul de start. Sprite-ul cu scorul primeste mesajul si reseteaza punctajul la zero. Sprite-urile de pe ecranul de start (titlu, instructiuni) primesc mesajul si se ascund. Totul se intampla simultan si coordonat.

O tehnica avansata este sa combini mesajele cu blocul "cand fundalul se schimba la [...]" . Acest bloc apartine Scenei si se declanseaza automat cand fundalul se schimba la un anumit nume. Avantajul este ca nu trebuie sa trimiti un mesaj separat - sprite-urile pot reactiona direct la schimbarea fundalului. Dezavantajul este ca acest bloc functioneaza doar in scripturile Scenei.

Pentru proiecte cu mai multe nivele, o practica buna este sa folosesti o variabila "nivel_curent" . Cand se schimba nivelul, actualizezi variabila si schimbi fundalul. Sprite-urile pot verifica valoarea variabilei pentru a-si ajusta comportamentul. De exemplu: "daca nivel_curent = 2, atunci viteza_inamicilor = 5" sau "daca nivel_curent = 3, atunci numarul_de_obstacole = 10". Aceasta abordare bazata pe variabile este mai flexibila decat a verifica direct numele fundalului, deoarece poti schimba fundalurile fara a modifica logica jocului.

Un sfat final despre coordonare: testeaza fiecare tranzitie de mai multe ori. Verifica ca toate sprite-urile apar si dispar corect, ca variabilele se reseteaza, ca muzica se schimba. Tranzitiile defectuoase sunt una dintre cele mai frecvente surse de bug-uri in proiectele Scratch. Daca un sprite ramane vizibil cand nu ar trebui sau daca scorul nu se reseteaza la inceputul unui nivel nou, experienta jucatorului are de suferit.

O tehnica avansata de coordonare este sa folosesti liste pentru a tine evidenta starii fiecarui sprite. De exemplu, o lista numita "sprite_vizibile" poate contine numele sprite-urilor care trebuie afisate pe fiecare scena.

Cand fundalul se schimba, un script parcurge lista si ascunde sau afiseaza sprite-urile corespunzatoare. Aceasta tehnica este utila cand ai foarte multe sprite-uri (10 sau mai multe) si nu vrei sa scrii un bloc "ascunde-te" separat pentru fiecare. Este o abordare avansata, dar daca o stapanesti, proiectele tale vor fi mult mai bine organizate si mai usor de extins cu nivele sau scene noi.

Cum transmiti un mesaj tuturor sprite-urilor cand se schimba scena?
A Folosesti blocul transmite [mesaj]
B Schimbi variabila scena
C Muti toate sprite-urile manual
10

Sfaturi de design pentru fundaluri profesionale

Designul unui fundal bun nu inseamna sa fie cat mai complicat, ci sa fie eficient si potrivit cu tema proiectului. Un fundal prea incarcat cu detalii poate distrage atentia jucatorului de la actiunea principala. Un fundal prea simplu poate face proiectul sa para neterminat. Cheia este echilibrul.

Iata cateva reguli de design pe care le urmeaza creatorii profesionisti de jocuri:

  • Contrastul: Sprite-urile (personajele, obiectele) trebuie sa fie usor de vazut pe fundal. Daca personajul tau este verde, nu pune un fundal verde. Foloseste culori complementare: personaj albastru pe fundal portocaliu, personaj rosu pe fundal verde-deschis.
  • Simplitatea: Fundalul trebuie sa sustina actiunea, nu sa o domine. Detaliile importante (platforme, obstacole) trebuie sa iasa in evidenta, iar elementele decorative sa fie subtile.
  • Consistenta: Toate fundalurile din proiect trebuie sa aiba un stil vizual similar. Daca un nivel este desenat in stil cartoon, nu pune urmatorul nivel cu o fotografie realista.
  • Paleta de culori: Limiteaza-te la 3-5 culori principale. Prea multe culori fac scena haotic. Alege culori care se potrivesc cu atmosfera: albastru si alb pentru un joc pe mare, verde si maro pentru padure, gri si negru pentru un castel intunecat.
  • Zonele de actiune: Daca jocul tau are platforme sau zone interactive pe fundal, deseneaza-le cu culori diferite si contururi clare. Jucatorul trebuie sa inteleaga instinctiv unde poate merge si unde nu. De exemplu, platformele pe care poate sari pot fi maro-inchis cu o linie mai deschisa deasupra, iar zonele periculoase (lava, apa) pot fi rosii sau albastre stralucitoare.

Un truc folosit de designeri este regula "80-20" : 80% din fundal ar trebui sa fie zone calme (cer, sol, apa) si doar 20% detalii interesante (copaci, cladiri, stanci). Aceasta proportie mentine fundalul interesant dar nu coplesitor. In Scratch, aplici aceasta regula astfel: umple cea mai mare parte a fundalului cu culori uniforme sau gradiente, apoi adauga elemente de decor doar in anumite zone. Un alt principiu util este "spatiul negativ" - zonele goale din fundal care permit ochiului sa se odihneasca si sprite-urilor sa fie vizibile. Nu simti nevoia sa umpli fiecare centimetru patrat cu detalii.

Nu in ultimul rand, gandeste-te la experienta utilizatorului . Testeaza fundalul punand sprite-urile peste el si verificand daca totul este vizibil si clar. Roaga un coleg sa se uite la proiect si intreaba-l daca poate vedea usor personajul, obiectele de colectat si obstacolele. Daca raspunsul este "nu", simplifica fundalul sau schimba culorile sprite-urilor. Un joc in care jucatorul nu poate vedea ce se intampla nu este un joc distractiv, indiferent cat de frumos este fundalul.

In concluzie, un fundal profesional este cel care serveste proiectul , nu cel care atrage toata atentia. Cele mai bune fundaluri sunt acelea pe care jucatorul le observa subconstient, creand atmosfera potrivita fara a distrage de la experienta principala. Ca un decor de film bun: il simti, dar nu ti-l amintesti in mod specific - iti amintesti povestea si personajele.

Pentru a-ti dezvolta simtul designului, analizeaza jocurile pe care le joci in fiecare zi. Data viitoare cand deschizi un joc pe telefon sau pe calculator, opreste-te o secunda si priveste fundalul cu atentie. Ce culori sunt folosite? Cat de detaliat este? Cat de usor poti vedea personajele si obiectele interactive?

Raspunsurile la aceste intrebari iti vor oferi inspiratie si cunostinte practice pe care le poti aplica direct in proiectele tale Scratch. Designul bun se invata observand si experimentand, nu doar citind teorie. Tine un "jurnal de inspiratie" in care notezi idei de fundaluri din jocurile pe care le joci - vei fi surprins cat de multe idei poti aduna intr-o saptamana!

In final, aminteste-ti ca cel mai bun fundal este cel care te face pe tine, creatorul, mandru de proiect. Nu exista reguli absolute in design - exista doar principii generale care te ghideaza. Experimenteaza, greseste, invata si creeaza din nou. Aceasta este esenta programarii creative in Scratch!

Care este cel mai important lucru de verificat inainte de a considera fundalul finalizat?
A Sa aiba cat mai multe culori
B Sa se potriveasca cu tema proiectului si sa nu distraga atentia de la actiune
C Sa fie cat mai complex si detaliat

Exercitii practice

Exercitiul 1 (Nivel minim) - Analiza fundalurilor

Acceseaza site-ul Scratch (scratch.mit.edu) si cauta 3 proiecte populare din categoriile "Games", "Animations" sau "Stories". Analizeaza cu atentie fundalurile folosite in fiecare proiect si raspunde la urmatoarele intrebari. Scopul este sa intelegi cum creatorii experimentati folosesc fundalurile pentru a crea experiente captivante.

  1. Cate fundaluri are fiecare proiect? Enumera-le si descrie pe scurt ce reprezinta fiecare.
  2. Fundalurile sunt din biblioteca Scratch, desenate de mana sau imagini incarcate? Cum poti sa iti dai seama?
  3. Cum se face tranzitia intre fundaluri? Se schimba brusc sau exista un efect de tranzitie (fade, animatie)?
  4. Ce culori predomina in fundaluri? Exista contrast suficient intre fundal si sprite-uri? Poti vedea usor personajele?
  5. Care proiect are cele mai bune fundaluri si de ce? Ce ai face diferit daca ai fi tu creatorul?

Raspunde numerotat: 1. ... 2. ... 3. ... 4. ... 5. ...

Sfat: alege proiecte din categorii diferite (un joc, o animatie, o poveste interactiva) pentru a observa cum fundalurile difera in functie de tipul proiectului. Noteaza link-urile proiectelor analizate.

Indicii pentru analiza:

  • Verifica daca fundalurile au fost modificate sau sunt cele originale din biblioteca Scratch
  • Observa daca exista un contrast clar intre sprite-uri si fundal
  • Noteaza daca proiectul foloseste efecte grafice pe fundal (schimbarea culorii, luminozitate)
  • Compara numarul de fundaluri cu complexitatea proiectului - proiectele mai complexe au mai multe scene

Exercitiul 2 (Nivel standard) - Mini-proiect: Peisaj cu 3 scene

Creeaza un proiect Scratch cu 3 scene distincte care povestesc o mini-aventura. Proiectul trebuie sa aiba fundaluri originale si tranzitii fluide intre scene. Acesta este proiectul principal al lectiei si va fi evaluat de profesor, deci acorda-i atentia necesara. Planifica mai intai pe hartie cele 3 scene inainte de a deschide Scratch-ul.

Cerinte obligatorii:

⭐ Bonus (pentru nota maxima):

  • Adauga un efect de tranzitie "fade" intre scene (folosind efectul fantoma animat)
  • Creeaza un fundal animat cu efecte grafice (schimbarea culorii cerului, luminozitate variabila)
  • Implementeaza un efect de scrolling pe cel putin o scena (sprite-uri de fundal care se misca)
  • Adauga sunete diferite pentru fiecare scena care se schimba automat la tranzitie

Salveaza proiectul pe contul tau Scratch si partajeaza-l cu clasa. Noteaza-ti link-ul proiectului pentru a-l prezenta profesorului.

Sugestii de teme pentru cele 3 scene:

  • Aventura in spatiu: Scena 1 - Lansarea rachetei (fundal cu rampa de lansare), Scena 2 - Zborul prin spatiu (fundal cu stele si planete), Scena 3 - Aterizarea pe Marte (fundal cu peisaj martian)
  • Poveste submarina: Scena 1 - Plaja (fundal cu nisip si mare), Scena 2 - Fundul oceanului (fundal albastru-inchis cu corali), Scena 3 - Comoara gasita (fundal cu pestera submarina)
  • Zi de scoala: Scena 1 - Curtea scolii (fundal exterior), Scena 2 - Sala de clasa (fundal interior), Scena 3 - Acasa dupa scoala (fundal cu camera copilului)

Exercitiul 3 (Nivel performanta) - Compunere

Cerinta: Scrie un text de 8-10 randuri in care explici de ce fundalurile sunt importante intr-un proiect Scratch si cum le poti folosi pentru a crea o experienta captivanta. Descrie cel putin 3 tehnici de lucru cu fundaluri pe care le-ai invatat in aceasta lectie si da exemple concrete de cum le-ai aplica intr-un proiect propriu.

Indicii pentru structurarea raspunsului:

  • Incepe prin a explica ce rol are fundalul intr-un proiect (analogia cu decorul de teatru sau locatia de film)
  • Descrie diferenta intre un proiect cu un singur fundal si unul cu mai multe scene
  • Mentioneaza cel putin o tehnica avansata (scrolling, efecte grafice, coordonare cu mesaje)
  • Explica de ce contrastul intre fundal si sprite-uri este important
  • Incheie cu un exemplu de proiect pe care ai vrea sa-l creezi si ce fundaluri ai folosi

Cuvinte cheie de folosit: fundal, scena, backdrop, straturi, scrolling, tranzitie, contrast, design, coordonare, efect grafic, paralax, gradient, biblioteca, editor

Format: Scrie raspunsul pe caiet sau intr-un document, folosind paragrafe coerente. Foloseste cel putin 5 dintre cuvintele cheie de mai sus.

Structura recomandata pentru compunere:

  • Paragraful 1: Introdu subiectul - ce este fundalul si de ce conteaza (2-3 propozitii)
  • Paragraful 2: Descrie tehnicile invatate - cum adaugi, desenezi si schimbi fundaluri (3-4 propozitii)
  • Paragraful 3: Explica o tehnica avansata si un exemplu practic din proiectul tau (2-3 propozitii)

Ce ai invatat astazi

  • Ce este fundalul (backdrop) in Scratch?
  • Cum adaugi un fundal nou
  • Schimbarea fundalurilor cu blocuri de cod
  • Organizarea scenelor unui proiect
  • Desenarea propriilor fundaluri
  • Straturi (Layers) - Adancime vizuala
  • Fundaluri animate si efectul de scrolling
  • Efecte grafice pe fundaluri
  • Coordonarea sprite-urilor cu fundalurile
  • Sfaturi de design pentru fundaluri profesionale

Urmatoarea lectie

Continua cu lectia urmatoare pentru a aprofunda cunostintele.

Continua →