FLASH - hrátky s křivkou - 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:

Poptávka práce
Soutěž

Sponzorem soutěže je:

IDIF

 

Kde se narodil známý fotograf František Drtikol?

V dnešní soutěži hrajeme o:



Webdesign

FLASH - hrátky s křivkou

23. října 2000, 00.00 | V některém z minulých článků jsme se věnovali vytvoření spirály, dnes si pohrajeme s jednoduchou
křivkou. V osmi ukázkách si předvedeme různé kombinace akcí a efektů.

V některém z minulých článků jsme se věnovali vytvoření spirály, dnes si pohrajeme s jednoduchou křivkou. V osmi ukázkách si předvedeme různé kombinace akcí a efektů.

Začneme vytvořením filmového klipu, který bude obsahovat jednoduchou shape animaci křivky. Na poli 1 nakreslíme křivku z obrázku 1, na poli 40 křivku z obrázku 2 a na poli 75 křivku z obrázku 3. (Značka na obrázcích je středový bod filmového klipu)

Vytvořený filmový klip vložíme na jeviště a přidělíme mu Instance name (krivka). Necháme mu na přehrávání pouze 3 pole. Na poli 3, můžeme vytvořit novou vrstvu, vložíme pro klip1 tyto akce:

If (pro<100)
//Jestliže je hodnota proměnné "pro" menší než 100 (počet duplikátů)
    Set Variable: "pro" = pro+2
//Při každém opakování zvýšíme hodnotu proměnné o 2, pokud bychom zvyšovali hodnotu o 1, animace by se rozvíjela pomaleji, při zvyšování o 3 a více by se animace rozvíjela rychleji. Hodnotu nastavíme jako výraz (=)
    Set Property ("/krivka", 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. Pro rychlejší a větší rotaci násobíme hodnotu proměnné pěti.
    Duplicate Movie Clip ("/krivka", "novy"&pro, pro)
//Vytvoříme duplikát klipu, zadáme mu nové jméno s hodnotou proměnné a nastavíme jako výraz. Hloubku zadáme hodnotou proměnné "pro".
Else
    Stop
//Jestliže je podmínka nepravdivá, to znamená, že hodnota proměnné není menší než 100, zastaví se vytváření duplikátů.
End If

Pro klip2, kde je změněna pouze animace filmového klipu, nastavíme tyto akce:

If (pro<180)
    Set Variable: "pro" = pro+2
    Set Property ("/krivka", Rotation) = pro*2
    Duplicate Movie Clip ("/krivka", "novy"&pro, pro)
Else
    Stop
End If

    

U klipu3, je také malinko změněna animace filmového klipu

If (pro<160)
    Set Variable: "pro" = pro+2
    Set Property ("/krivka", Rotation) = pro*2
    Duplicate Movie Clip ("/krivka", "novy"&pro, pro)
Else
    Stop
End If

Klip4 je také změněn v animaci, ale je zde navíc sada akcí, které zajišťují stálé opakování. Pokud by zde tyto akce nebyly, klip by po vytvoření malého kolečka skončil, protože v animaci klipu (krivka) byla časová osa zastavena akcí Stop.

If (pro<200)
    Set Variable: "pro" = pro+2
    Set Property ("/krivka", Rotation) = pro*5
    Duplicate Movie Clip ("/krivka", "novy"&pro, pro)
Else
    Stop
End If
If (pro=200)
    Set Variable: "pro" = 0
    Go to and Play (1)
End If

    

U klipu5 je opět změna animace klipu (krivka) a také je zastavena akcí Stop.

If (pro<200)
    Set Variable: "pro" = pro+2
    Set Property ("/krivka", Rotation) = pro*5
    Duplicate Movie Clip ("/krivka", "novy"&pro, pro)
Else
    Stop
End If
If (pro=200)
    Set Variable: "pro" = 0
    Go to and Play (1)
End If

Klip6 je opět změněn a zastaven, tady ale přibylo nastavení vlastností X a Y Scale.

If (pro<100)
    Set Variable: "pro" = pro+2
    Set Property ("/krivka", Rotation) = pro*5
    Set Property ("/krivka", X Scale) = pro
    Set Property ("/krivka", Y Scale) = pro
    Duplicate Movie Clip ("/krivka", "novy"&pro, pro)
Else
    Stop
End If
If (pro=100)
    Set Variable: "pro" = 0
    Go to and Play (1)
End If

    

Klip7, nastavení a změny stejné jako u předchozího, tady je ale určena X a Y pozice.

If (pro<100)
    Set Variable: "pro" = pro+2
    Set Property ("/krivka", Rotation) = pro*5
    Set Property ("/krivka", X Position) = 20+pro
    Set Property ("/krivka", Y Position) = 20+pro
    Set Property ("/krivka", X Scale) = pro
    Set Property ("/krivka", Y Scale) = pro
    Duplicate Movie Clip ("/krivka", "novy"&pro, pro)
Else
    Stop
End If
If (pro=100)
    Set Variable: "pro" = 0
    Go to and Play (1)
End If

U posledního klipu8 je vypuštěna rotace a změněna hodnota proměnné a X,Y pozice.

If (pro<100)
    Set Variable: "pro" = pro+1
    Set Property ("/krivka", X Position) = 10+pro
    Set Property ("/krivka", Y Position) = 10+pro
    Set Property ("/krivka", X Scale) = pro
    Set Property ("/krivka", Y Scale) = pro
    Duplicate Movie Clip ("/krivka", "novy"&pro, pro)
Else
    Stop
End If
If (pro=100)
    Set Variable: "pro" = 0
    Go to and Play (1)
End If

    

Kombinací je nekonečně mnoho, chce to jen zkoušet a zkoušet.

Byl bych také rád, kdyby jste mi napsali jakým směrem by se měly články ubírat, co by se v nich mělo objevit, nebo naopak co nechcete vidět. Děkuji.

Zdrojové soubory jsou ke stažení TADY.

Další relevantní články:

FLASH - komunikace mezi dvěma SWF soubory
Macromedia FLASH 5 - načítaní HTML souboru
FLASH 4 - natažení externího .swf
FLASH 4 - Spirála
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

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: