Szerző: vancso

Leendő formatervező.
Az FXdesignport alapító tagja.

Forgó Földgömb

Kontinensek:

1. Kontinensek létrehozása. Erre számos képet lehet találni az interneten, én a mellékletben szereplőt használtam, melyet már kissé egyszerűsítettem photoshop segítségével. Importáljuk a képet flashbe, majd a színpadra helyezve konvertáljuk Graphic szimbólummá [F8] („terkep_graphic”).
2. Konvertáljuk MovieClip szimbólummá [F8] („terkep_mc”).

3. Az alt gomb nyomva tartása mellett húzzuk az eredeti mc mellé, így megkapjuk a „terkep_mc” másolatát. A két MovieClip -et igazítsuk egy vonalba és egymás mellé, majd konvertáljuk a kettőt együtt ismét MovieClip szimbólummá [F8](„terkepek_mc”). A property paneljén írjuk be instance névnek a „terkep” -et.

   
4. Hozzunk létre egy új réteget („kör_maszk”), legyen ez a legfelső rétegünk, mivel maszkként fogjuk alkalmazni. Rajzoljunk rá egy tetszőleges nagyságú kört [o] az alábbi módon, majd jobb klikk ezen a rétegen és állítsuk be mask -nak.
   
   

Háttér:

1. Másoljuk le a maszkhoz készített és már jól elhelyezett körünket és illesszük egy új „kör_háttér” nevű rétegre, melyet legalsó rétegként állítunk be. Kijelölése után a Color palettán alkalmazzuk a következő beállításokat:

Color Type: Radial
első szín: #BCF1FE
második szín: #01748F

Mozgás:

A mozgást egy egyszerű ActionScript kóddal érjük el, amit ugyan elkerülhettünk volna, ha mondjuk Motion Tween-t alkalmazva elmozdítjuk a térképet, de ez a kód egyszerű és más animációknál is nagy segítséget jelenthet az ismerete.

Lássuk, hogyan is néz ki az ActionScript2 kódunk :

Készítsünk egy új réteget az első helyre, nevezzük el „Action”-nek. Nyissuk meg az Action panelt [F9] és másoljuk be a következő kódot:

//sebesség meghatározása
var speed = 1;
this.onEnterFrame = function()
{
 //A térkép pozíciója, mozgása
 terkep._x = terkep._x-speed;

 //ha a térkép x értéke eléri a -275 -ös értéket
 if (terkep._x == -275)
 {
 //akkor az x= -42 -re ugrik
 terkep._x = -42;
 }
};

Az x értékeket mindenki a saját “terkep” MovieClip -jéhez igazítva adja meg.

Gyakorlatilag készen is vagyunk a lényeggel, ezek után grafikailag mindenki tetszés szerint módosíthatja alkotását.
Tesztelhető a példa fájlunk [ctrl+F8]

Szerkesztő fájl letöltése