Alapozó feladatok

Válasszuk a hátteret, majd a "Hátterek" fülnél a hátteret nevezzük át "pixeles"-re!
Nagyítsunk "egyet" a "+" gombra kattintva (kétszeres nagyítás)! Kezdjünk:

• válasszunk színt, téglalaprajzoló eszközt, itt pedig a körvonalast
• állítsuk a vonalvastagságot a csúszkával középnél picit nagyobbra
• húzzunk az ábra alapján 4 téglalapot a háttérre
  (ha nem igazán sikerült, segít a "Mégse" nyíl vagy a Ctrl+Z billentyűkettős)
• öntsük tele egy világos festékkel a fehér részeket (jobban látszik majd, hogy hol vágtuk át a falakat)
• "vágjuk át" a külső téglalap falát lenn és fenn, az átvágás egy tömör téglalap ráhelyezésével történhet
• válasszunk egy szép színt és betűtípust (nem mindegyikben van É betű!), majd írjuk a "RAJT" és "CÉL" szövegeket
• "vágjuk át" máshol is a falakat, hogy labirintus lehessen majd belőle
• végül nehezítsük meg a közlekedést - a falak sötét színével (pipetta) hozzunk létre zsákutcákat a szakaszrajzoló eszközzel
• a teszteléshez egy ötlet: löttyintsük tele egy másik halovány színnel a labirintus belsejét, ahol kell, javítsunk

Készítsünk egy másik hátteret az "Új háttér festése" ikonnal, nevezzük ezt "vektoros"-nak!
Váltsunk is át "pixeles" módról "vektoros"-ra: kattintsunk jobbra lenn a "Vektoros képpé alakítás"-ra!
Nagyítsunk "egyet" a "+" gombra kattintva! Uccu neki:

• először a legkülső téglalapot rajzoljuk meg a fentihez hasonlóan (kipróbálhatod fordítva is, a téglalapok egymáson vannak!!!)
• amíg kijelölt, addig mozgathatjuk, alakítgatjuk, a kijelölést megszüntethetjük pl. egy másik eszköz választásával
• rajzoljuk meg ugyanígy a többit is, ha egy korábbi nem tetszik, válasszuk ki a "Kijelölés" eszközzel, ezután módosítható
• löttyintsünk ezekbe festéket (a legnagyobbon kívülre nem szükséges, de megpróbálhatod)
• vágjunk a külső falba egy-egy rést a "RAJT" és a "CÉL" szövegeknek, és írjuk is ezeket a szövegeket az átjárókra
• vágjunk a falakba máshol is átjárókat, és húzzunk új válaszfalakat

Látható a vektorgrafika előnye, hiszen utólag bármi könnyedén módosítható és törölhető.

Töltsük le a "pingvin" szereplőt a számítógépünkre: katt ide (C3.sprite2)!

Kezdjünk egy új projektet, töröljük a "macskát", majd töltsük be az előbb lementett szereplőt ("Szereplő betöltése állományból")!

Az új szereplő neve "pingvin", és két jelmeze van: "pixeles", "vektoros". Váltogatva a jelmezeket (katt a felsőre - katt az alsóra) szemmel is látható a kétfajta grafika különbsége.

Még érthetőbb lesz, ha a vektorgrafikát elemeire bontjuk - felboncoljuk szegény pingvint (én ravaszul csináltam egy másolatot a "vektoros"-ról, s ezt boncoltam, így bármikor egyszerűen újra kezdhettem):

• kattintsunk rá a kijelölőeszközzel (most még csak egy objektum van, de ez több elemből van "összefogva")
• kattintsunk a "csoportbontás" ikonra (legalul) - ezzel több objektumra esett szét a pinvin: szárnyak, csőr-szemek-lábak, has
• a fenti elemek mindegyike újabb csoport, ezek tovább "darabolhatók" (pl. szárnyak -> jobb szárny, bal szárny)

Próbáljuk egyedül megcsinálni az egyik szárnyat!

(Ötlet: először csináljunk egy tömör fekete téglalapot, válasszuk az "Átformálás" eszközt, majd húzzuk az egyik sarkot a másikra!)

Töltsük le a "pingvin" szereplőt a számítógépünkre ugyanúgy, mint a fenti feladatnál!

Töröljük a "vektoros" jelmezét, a "pixeles"-ről pedig készítsünk egy másolatot, s ezt nevezzük át "vektoros"-ra!

Ezt fogjuk felhasználni egy szép pingvin elkészítéséhez. A pingvin rajzolatát felhasználva hozzuk létre a vektoros ábrát. Egy-egy csoport elkészítése végén azt elhúzzuk oldalra, s nekilátunk a következő ábrarészletnek.
Konkrétan:

• kattintsunk jobbra lenn a "Vektoros képpé alakítás" ikonra, ekkor a pixeles kép ugyan vektoros lesz, de egyetlen szétszedhetetlen objektum
• kezdjük a szárnyakkal, lépései:
     rajzoljunk egy tömör fekete téglalapot, húzzuk az egyik szárnyra, próbáljuk meg nagyjából lefedni (célszerű ezt nagyított ábrákkal végezni)
     válasszuk az "Átformálás" eszközt, majd húzzuk az egyik sarkot a másikra, válasszuk a "Kijelölés" ikon, és katt a szárnyra
     készítsünk egy másolatot - Ctrl+C, Ctrl+V, tegyük le, majd tükrözzük és húzzuk a helyére
     a Shift billentyűt lenyomva tartva jelöljük ki a két szárny mindegyikét, és foglaljuk csoportba ("Csoportosítás" jobbra lenn)
• jöhet a has (én más szín használtam a köröknél, mert így jobban láttam, a végén belelöttyintettem pl. a feketét):
     igazítsunk egy tömör kört a pocak fekete részére, ha jó, húzzuk félre, hogy lássuk a szürkét
     ugyanígy méretezzük a szürkét, majd a fehéret is
     ezután illesszük össze a három kört (pontosabban ellipszist), és foglaljuk ezeket is egy csopotba
     foglaljuk egy csoportba a szárnyakkal is (így kész a test)
• célszerű a szemekkel folytatni, mert a csőr fedi az egyik szemet, tehát az legyen a felső (utolsó) réteg, lépései:
     jobb szem, csoportba foglalva; bal szem, csoportba foglalva
     a két szem, csoportba foglalva
• jöhetnek a sárgák, csőr és lábak, ezeket is foglaljuk egy csoportba, a csőrt részletezem:
     nagyítsuk ki jól a sárga csőrt, egy másik színű tömör téglalappal finoman fedjük be
     válasszuk az "Átformálás" eszközt, és húzzuk a téglalap két alsó csúcsát középre, egybe (így lesz egy háromszög),
     a felső csúcsuk közti vonalra kattintva tehetünk be újabb "fogópontokat", ezekkel kigömbölyíthetjük a felső ívet

Végül a csoportokat is foglaljuk egy csoportba, és kész a pingvin (a pixelszerű pingvint töröljük ki!)!

Töltsük le a "katica" szereplőt a számítógépünkre: katt ide (C5.sprite2)!
A kép forrása: tanitobacsi.hu

Kezdjünk egy új projektet, töröljük a "macskát", majd töltsük be az előbb lementett szereplőt ("Szereplő betöltése állományból")!

Az új szereplő neve "katica", és csak egy jelmeze van. Nevezzük át "pixeles"-re, a duplikáltját pedig "vektoros"-ra! Alakítsuk is át valóban vektorosra!

Ez lesz a szerkesztendő "katica" alapja. A lépéseket már csak röviden írom le:

• fej és rajta a szemek megrajzolása (tömör körök), majd csoportba foglalásuk
• egyik csáp megrajzolása (megfelelő vastagságú, egymásutáni vonalszakaszokból), másolása, tükrözése, csápok helyreigazítása, csoportosításuk, végül foglaljuk egybe a fejjel is
• célszerű a lábakkal folytatni (a feladat hasonló is a csápokhoz), s egy picivel hosszabbra rajzolni (a szárnyak majd letakarják), csak az egyoldali lábakat foglaljuk csoportba
• szárnyak rajzolása: fekete vonallal ellipszis, kitöltés pirossal, fekete vonal középre, csoportosításuk, húzzuk félre
• pöttyök rajzolása: egy pötty (ami lefedi a pixeles pöttyöt), egy másolom és elhúzom a helyére, csoportosításuk, elhelyezem a szárnyakon, és csoportba foglalom, majd a lábakat is
• végül összeillesztem a fejjel, és csoportba foglalom ezeket is

A pöttyöket nem könnyű csoportba foglalni, én (a Shift-et nyomva tartva) balról jobbra haladva kattintgattam!

Töröld a macskát, majd hozd létre az ábrán látható szereplőket vektorgrafikusan!
(Célszerű a megadott sorrendet betartani, mert elöl állnak az egyszerűbbek!)

1.   A.png – göncöl
2.   B.png – hold
3.   C.png – fenyő
4.   D.png – kerítés
5.   E.png – ház
6.   F.png – hóember

Az egyes képeken kis segítség kapható. A számozás sorrendjében hozzuk létre a rajz egyes elemeit, ezeket célszerű egy csoportba foglalni, végül az elemeket is!

A szereplők felhasználásával készítsük el azt a sokszereplős programot, amelyik kirajzolja az ábrán látható tanyát!
(A kerítést a szereplő lenyomataiból építsük fel!)