Ebben a fejezetben az általam készített Flash programot fogom bemutatni, mely három fő szerkezeti egységre tagolódik. Ezek a szerkesztésnek megfelelő fázisok, az első a Preloader (előtöltő), a második maga a bevezető animáció, a harmadik pedig egy menüt tartalmaz, amin keresztül bepillantást nyerhetünk a Flash által készíthető különböző kezelőfelületek és interaktív alkalmazások világába.
A példa animációm a lemez-mellékleten található. A kiterjesztés swf és exe formátumban is megtalálható, az swf file futtatásához Internet Explorer 4.0 , vagy Netscape Navigator 4.5 verzióra telepít 10310b117k ett - a www.macromedia.com -ról ingyenesen letölthető Shockwave plugin szükséges. Az exe file bármely gépen futtatható, ugyanis már tartalmazza a futtatókörnyezetet is, ha nem elérhető Shockwave plugin érdemes ezt futtatni, nincs különbség köztük.
Az előtöltés (Pre-Loading) lényege
Egy méretesebb flash-t egyelőre elég nehéz lenne úgy megcsinálni, hogy letöltés közben folyamatos legyen az animáció. Ennek fő oka az átviteli sebesség. Az áthidaló megoldás az, hogy megvárjuk amíg az egész animáció letöltődik és csak akkor adunk utasítást az indítására. A várakozás ideje alatt általában egy ötletes ismétlődő animáció látható.
A következőkben a lehető legegyszerűbb Preloading megoldást fogom bemutatni egy konkrét példán keresztül. Az általam készített Preloading is ezeknek az alapvető követelményeknek felel meg, erre alapozva bárki látványos és ötletes előtöltőt készíthet.
Preloading készítése
File>New, csináljunk 3 layert: szöveg, animáció, ellenőrzés
szöveg layer: 1 frame: ide jöhet a szöveg pl.: a letöltés folyamatban
animáció layer: ide egy ismétlődő animációt kell készíteni, pl. mozgó nyíl. Fame1: a nyíl láthatatlan (color effect: Alpha 0%), pl. Frame30: a nyíl látható. A frame30-ban egy utasításra is szükség lesz (Action): Goto and Play Frame1. Ha így elindítjuk az animációt az folyamatosan ismétlődni fog.
ellenőrzés layer: most jön a lényeg. Egy paranccsal érzékeljük, hogy befejeződött a teljes animáció letöltése és kezdődhet-e a lejátszás. Bárhova a Frame1 és a Frame30 között készítsünk, egy üres Keyframe-et (F7: Blank Keyframe). Kattintsunk rá kétszer, Action > If Frame Is Loaded. (Ha az adott frame tartalma betöltődött akkor...) Goto and Play következő scene, vagy Frame szám...
Az If Frame Is Loaded paramétereként az animációnk legutolsó Frame-jét kell megadni. Az a legcélszerűbb, ha új Scene-t csinálunk, pl. nevezzük el tartalomnak... ide csináljuk meg az flash movie-t és a legvégére helyezzünk el egy üres Frame-et, aminek adjunk egy label nevet, pl. end. Ez azért jó, mert ha bármikor változtatunk valamit a movie-ben, akkor nem kell módosítani az If Frame Is Loaded-nál a frame számot, amit ellenőriz.
Ezzel el is mondtam mindent, amit tudni kell a legegyszerűbb preloading technikáról. Ettől vannak sokkal jobb, de egyben bonyolultabb módszerek is, pl. a Percentloader, magyarul a pontos százalék kijelzős előtöltés. Ennél a mód-szernél a Set Variable "percentloader"=Int ((_framesloaded/_totalframes)*100) függvény segítségével vizsgáljuk, hogy az animációnkból éppen hány frame-t töltöttünk le, majd ezen értékek segítségével készíthetünk százalékos kijelzőt.
Itt tulajdonképpen a bemutatkozó animációmat láthatjuk, mely pár szép és látványos ötletet tartalmaz. Az animáció egy visszaszámlálással kezdődik, amit Shape Tweening-el készítettem. A számok minden kulcs fázisban különböző háttérrel rendelkeznek a hatás növelésének érdekében. A kulcs fázisok közötti animált átmenetet a program számolta ki, készítette el.
A következő részben különböző szöveges, text-animációkat készítettem, ebbe tartoznak bele a szövegen megjelenő színátmenetek és a szöveg egy részén végigfutó fény effektek is.
A befejező rész pedig egy régi, talán mindenki által jól ismert TV-s jelenséget próbál szimulálni. Ez a régi fekete-fehér TV-k kikapcsolásánál oly gyakran megjelenő vizuális effektet próbálja utánozni.
Ebben a részben megpróbálom bemutatni a Flash széleskörű felhasználási területeit, kezdve a különböző gombokkal, az animációs lehetőségeken át, egészen a háttérzene választhatóságáig, manipulálásáig.
Ezeket a példákat a baloldalon elhelyezkedő menüsor segítségével érhetjük el, a gombokon lévő felirat utal a bemutatásra kerülő példa tartalmára. Ezen kívül, ha az egér kurzorját a gomb fölé mozgatjuk, a jobboldalon előanimálódik a témakör pontos címe úgy, hogy nem kell rákattintanunk. A gomb lenyomásával aktiválhatjuk az adott példát, mely a jobboldalon fog megjelenni.
A menüpontok
Ha ezt a gombot aktiváljuk, megnézhetjük újra a bevezető animációt.
Ez a pont a Flash által készíthető gombok három alapállapotát tartalmazza, melyeket röviden ki is fejtettem, ezeket a jobboldalon elhelyezkedő példa gombbal lehet kezelni.
Itt az előzővel felépítésében teljesen azonos gomb található, annyi különbséggel, hogy a statikus képek cseréje helyett ez a gomb animálódik a állapotok között.
Ez a gomb már komolyabb munkát igényelt, egyrészt a három dimenziós hatást keltő kinézete, másrészt az animált átmenetek elkészítése miatt.
Ez a menüpont egy a valós környezetben is előforduló effektet tartalmaz. A különböző optikai lencsék fénytörését modellezi le a Lens Flare effekt. Gyakran láthatunk ilyet a TV-ben, mikor a nap megtörik a kamera lencséin.
Ez a pont magáért beszél, a program alatti háttérzenét manipulálhatjuk. Ha a háromféle zene közül választottunk, beállíthatjuk a számunkra legmegfelelőbb hangerősséget, vagy akár ki is kapcsolhatjuk a háttérzenét teljesen.
|
