Lessons Adobe Flash, flash animáció tanulságok Flash Professional, flash animáció órák, HTML5

Ebben a cikkben, akkor megtanulják, hogyan lehet egy egyszerű elrendezés egy gumi vaku oldalon. A „gumi” alatt olyan webhely elrendezését, hogy amikor az ablak átméretezése automatikusan az új méretet.

Mindez szükséges ahhoz, hogy a flash oldal automatikusan beállítja, hogy bármilyen méretű monitort. Ennek eredményeként, mi kell, valahogy így:

Azt feltételezi, hogy Ön ismeri eléggé a programot az Adobe Flash és levonhatjuk grafika, így ebben a cikkben nem fogunk összpontosítani a kis dolgokat, és ad egy meglehetősen általános leírás.

ütemezés létrehozása

Fla hozzon létre egy új dokumentumot a méretei 550 x 400. Az eszköz téglalapot töltse fekete-kék háttér gradiens, az alábbiak szerint. Nyomja meg az F8 és alakítani egy videóklipet regisztrációs pont a központban. Mi határozza meg egy példány nevét (Példány neve), mint a bg_mc.

Most hozzunk létre egy új réteget felett és újra az eszközt téglalap sorsolás fejlécet. Méretek megkérem, hogy 550 X 124, töltse meg és alakítják kék színátmenet Mozi, nyomja le az F8. Állítsa be a regisztrációs pont a közepén. Az ingatlan ellenőr, kérdezze meg a nevét, a példány (Példány neve), mint a header_mc. Csakúgy, mint az alábbi képen.

Készítsen egy másik réteg fölött. Ezen új réteget, a szöveg eszköz write szó Fejes szép sárga színű, és adjunk hozzá egy árnyék. Mi átalakítani kiadónk egy filmrészlet a regisztráció a központban (check-in center fontos a jövőnk számítások). Mi határozza meg egy példány nevét (Példány neve), mint a headertxt_mc.

Nos, itt. Most, hogy két szöveg blokkokat. Egy új réteget, a téglalap eszközt felhívni két négyszögletes blokk lekerekített élekkel, a görbületi sugár 10 px. Töltse meg fekete színű, az átláthatóság, a vonatkozó 20%. Több mint a blokkok segítségével a szöveg eszközt fehér írási főcímek Block 1 és 2. blokk, és töltse ki az üres szöveget. Mi átalakítani a blokkok külön egy filmrészlet a regisztráció a központban. Kérd meg őket, hogyan text_mc1 Bíróság megnevezése text_mc2 volt.

Tehát, a grafikus része kész voltunk, és most itt az ideje, hogy elkezd a mókára - írásban kódot AS3.

Hozzon létre egy új réteget, mindenek felett, ez az úgynevezett akciók, akkor válassza ki az első képkocka és nyitott Műveletek panelen (Műveletek). Az első dolog, amit meg kell tennie, hogy tiltsák flash player automatikusan méretezi a klip. Csak azért, hogy egyszerűsítse a számítások, meg kell bizonyosodni arról, hogy az összehangolás megtaláltuk a bal felső sarokban. Ehhez a Műveletek panelen írja elő az alábbi kódot:

A következő sorok fogjuk felírni egy esemény hallgató addEventListener () a Event.RESIZE eseményeket.

Ezután levelet funkció, hogy hívják, amikor az ablak mérete megváltozik.

Most, ebben a funkcióban, akkor regisztrálnia kell a helyét minden a mi elrendezés magával. Kezdeni a háttér színátmenet. Meg kell arányosítani az ablak olyan széles és magas.

Mint azt bizonyára emlékszik, hoztunk létre egy regisztrációs pont a közepén, és ezért x és y koordinátái a háttérrel tartják a központtól. Az x koordináta, mi meg, mint a teljes szélessége a videó, kétfelé osztjuk. Ez abban az esetben is a koordináta y. Magasság és szélesség egyszerűen egyenértékű a magassága és szélessége a videoklipet. Most viszont, hogy Hedera. Meg kell feszíteni szélessége, hanem fenntartani az állandó magasságot.

Megkérdeztük, hogy a x-koordinátája szélességének fele a klip, mint az előző esetben, és koordinálja y - állapították meg 62 pixel. A szélessége a fejléc, már hasonlítható a szélessége a klip. Magasság nem tudta beállítani egyáltalán, hiszen nem kell változtatni.

Mi viszont a gyönyörű felirattal fejléc. Meg kell, kell rögzíteni középpontjában a fejléc, és nem reagál az ablak átméretezés. Ezért az x koordináta felírni, mint egy fél szélességű, és y mi határozza meg a fix helyzetben piksilya 62.

Most eljött az ideje, hogy lépni a legbonyolultabb része a kód - a teszt blokkok. Az X koordináta a bal blokk, kiszámítjuk a különbség 1/3 szélessége a klip, és 73 pixel. Ábra 73 kivonásával kapott eredeti koordinátái x (egyenlő 110 pixel.) 1/3 az eredeti szélessége klip. Y-koordináta számítjuk hozzáadásával 65 1/2 a magassága a klip. A szám 65 a különbség az eredeti y koordináta és fél magassága az eredeti klipet. A jobb oldali blokkban x koordináta kiszámítása összegeként 2/3 és a szélessége a klip 10. Az 10. ábrán a különbség az eredeti X koordinátákat és 2/3 az eredeti szélessége klip. Y-koordináta kiszámítása, mint ahogy abban az esetben a bal blokk.

Nos, itt. Ugyanakkor, a kódunk kész. Meg tudja nézni a klip a Ctrl + Enter.