FLASH 4 - Spirála - Grafika.cz - vše o počítačové grafice

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:



Webdesign

FLASH 4 - Spirála

6. října 2000, 00.00 | Podívejme se, jak z jednoduché animace filmového klipu, pomocí akcí vytvoříme nekonečnou
spirálu a malými úpravami si pohrajeme s jejím chováním a vzhledem.

Podívejme se, jak z jednoduché animace filmového klipu, pomocí akcí vytvoříme nekonečnou spirálu a malými úpravami si pohrajeme s jejím chováním a vzhledem.

Vytvoříme jednoduchý animovaný filmový klip (klip1). Nakreslíme kolečko o velikosti jednoho čtverce základní mřížky, to znamená 18 x 18 pixelů. Kolečko vložíme do knihovny jako grafický symbol.

Zadáme typ animace - Modify -- Frame -- Tweening -- Motion. Symbol umístíme do středu jeviště pomocí dialog boxu Align (Zarovnání).

Jsme stále na poli 1 a pomocí - Window -- Inspectors -- Transform nastavíme velikost symbolu na 50%. Na poli 100 vložíme další klíčový rámeček a vrátíme se na pole 1, kde nastavíme průhlednost symbolu na Alpha = 0%.

Vytvoříme další filmový klip (klip2), do kterého pouze vložíme a umístíme pomocí Align do středu jeviště první filmový klip (klip1) a určíme jeho Instance name (prvniklip).
Vrátíme se na scénu 1 a na prvním poli vložíme z knihovny na jeviště (opět do středu) filmový klip (klip2). (Jestliže chceme spirálu použít jako další filmový klip, musíme jej vytvořit a všechny následující akce zadáme v něm.) Zadáme Instance name (hlavniklip).

Na poli 1, zadáme rámečkovou akci, ve které nastavíme hodnotu proměnné.

Set Variable: "pro" = 0

Na poli 5 přidáme další klíčový rámeček (F6) a zadáme zde podmínkovou akci, ve které určíme moment, kdy se má zastavit vytváření kopií filmového klipu. V ukázce je 230, vzhledem k velikosti animace (240x240).

If (230 < pro)
    Stop
End If

Na poli 6 přidáme další klíčový rámeček a zadáme opět rámečkové akce.

Set Variable: "pro" = pro + 1
//Při každém opakování zvýšíme hodnotu proměnné
Duplicate Movie Clip ("hlavniklip", "hlavniklip" & pro, pro)
//Target - určíme který klip budeme duplikovat
//New Name - spojíme klip s hodnotou proměnné a nastavíme jako výraz
//Depth - zadáme hodnotu proměnné a nastavíme jako výraz
Set Property ("hlavniklip" & pro, Rotation) = pro * 5
//Nastavíme rotaci duplikovaného klipu na hodnotu proměnné * 5 a nastavíme opět jako výraz. Pokud bychom chtěli rotovat na druhou stranu, vložíme před hodnotu proměnné záporné znaménko.
Set Property (("hlavniklip" & pro) & "/prvniklip", X Position) = pro / 2
//Nastavíme pozici klipu, je celkem jedno, jestli to bude pozice X, nebo Y, podle nastavení začne klip měnit pozici.
//Target - velice důležitá věc, musíme určit cíl, který má pozici měnit a v tomto případě musíme určit oba klipy a nastavit jejich hodnoty jako výraz
//Value - tady vlastně určujeme zatočení spirály
Go to and Play (5)
//Po provedení všech těchto akcí vracíme hrací hlavu zpět na podmínkovou funkci

Všechna tato nastavení se týkají animace Spirála 1.
Nastavení v animaci Spirála 2:

Set Variable: "pro" = pro + 1
Duplicate Movie Clip ("hlavniklip", "hlavniklip" & pro, pro)
Set Property ("hlavniklip" & pro, Rotation) = - (pro * 5)
Set Property (("hlavniklip" & pro) & "/prvniklip", X Position) = pro / 4
Go to and Play (5)

Nastavení v animaci Spirála 3:

Set Variable: "pro" = pro + 1
Duplicate Movie Clip ("hlavniklip", "hlavniklip" & pro, pro)
Set Property ("hlavniklip" & pro, Rotation) = pro * 10
Set Property (("hlavniklip" & pro) & "/prvniklip", X Position) = pro / 2
Go to and Play (5)

Nastavení v animaci Spirála 4:

Set Variable: "pro" = pro + 1
Duplicate Movie Clip ("hlavniklip", "hlavniklip" & pro, pro)
Set Property ("hlavniklip" & pro, Rotation) = 3 * (pro * 10)
Set Property (("hlavniklip" & pro) & "/prvniklip", X Position) = pro / 2
Go to and Play (5)

Možností a kombinací je nekonečně mnoho, stačí třeba změnit animaci ve filmovém klipu (klip1) a celá spirála bude vypadat jinak. Zkoušejte a kombinujte.

Zdrojové soubory jsou ke stažení TADY.

Další relevantní články:

Macromedia FLASH 4 - postupné vypisování textu
FLASH 4 - Speciální textové vlastnosti
FLASH 4 - pohybování textem pomocí kurzoru
FLASH 4 - Duplikování filmového klipu
Flash tutoriály
FLASH 4 - preloader
Bude Flash bez palet?
Flash 4 a QuickTime video
FLASH 4 - Optimalizace křivek
FLASH 4 - Zvláštní výběr křivek a čar
FLASH 4 - Text Field Properties
Macromedia ohlašuje Flash 5
FLASH XXI - dokončení
FLASH XXI - vlnění, kruhy na vodě
FLASH XX - konverze MP3 na WAV
FLASH 5 - ?????
FLASH XIX - akce Tell Target potřetí
FLASH XVIII - akce Tell Target podruhé
FLASH XVII - akce Tell Target poprvé
FLASH XVI - jednoduché menu
FLASH XV - animace tlačítka
Bezplatný export pro Flash z Corelu 9
FLASH XIV - intro a menu
FLASH NA SVĚTOVÉ ÚROVNI
FLASH XIII - jak na preloader a jak ho umístit
FLASH XII - akce pro tlačítka
FLASH XI - 3D hvězda, zvuk na pozadí
JAK DOSTAT ČEŠTINU DO FLASHE ?
FLASH - X - animace bitmapy
SEZNAMTE SE - FLASH 4 - IX
SEZNAMTE SE - FLASH 4 - VIII
SEZNAMTE SE - FLASH 4 - VII
SEZNAMTE SE - FLASH 4 - VI
SEZNAMTE SE - FLASH 4 - V
SEZNAMTE SE - FLASH 4 - IV
SEZNAMTE SE - FLASH 4 - III
SEZNAMTE SE - FLASH 4 - II
SEZNAMTE SE - FLASH 4 - I

Obsah seriálu (více o seriálu):

Tématické zařazení:

 » Rubriky  » Go verze  

 » Rubriky  » Webdesign  

 

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: