Grafika 2D

Grafika 2D
Flash – symbole
opracowanie: Jacek Kęsik
Wykład
przedstawia
pojęcie
wykorzystywanych w animacjach Flash
symboli
1
Flash - symbole
Pojęcie symbolu
Rodzaje symboli
Symbol graficzny
Przycisk
Klip filmowy
ZagnieŜdŜanie instancji
Flash - symbole
Symbole graficzne (ang. Graphic)
Własna listwa czasowa
Dowolna ilość warstw
Dowolne elementy na warstwach
Odtwarzanie klatek
zsynchronizowane ze sceną
2
Flash - symbole
Symbole graficzne (ang. Graphic)
Instancje symbolu
NiezaleŜne od siebie
ZaleŜne od symbolu-rodzica
Podlegają podstawowym
przekształceniom (jako
całość)
Podlegają animacjom MotionTween (w tym zmiana stopnia
przeźroczystości)
Flash - symbole
Symbole graficzne (ang. Graphic)
Edycja symbolu powoduje
zmiany we wszystkich jego
instancjach
3
Flash - symbole
Symbole graficzne (ang. Graphic)
Ze sceny kontrolowany jest
sposób odtwarzania
i początkowa klatka symbolu
graficznego
Flash - symbole
Przyciski (ang. Buttons)
Posiadają tylko* 4 klatki
Up – wygląd w stanie
spoczynkowym
Over – wygląd w stanie
wskazania myszą
Down – wyglad w chwili
naciśnięcia
Hit – określenie obszaru
reagowania przycisku
* MoŜe posiadać więcej klatek – zawsze 4 pierwsze są brane pod uwagę
4
Flash - symbole
Przyciski (ang. Buttons)
Automatycznie reaguje
zmianą wyglądu
Inne reakcje wymagają
przypisania skryptu Action
Script
KaŜda instancja moŜe mieć
własny zestaw skryptów
Flash - symbole
Przyciski (ang. Buttons)
Przycisk moŜe posiadać
dowolną ilość warstw
5
Flash - symbole
Klipy filmowe (ang. Movie Clips)
Klip filmowy ma budowę
podobną do symbolu
graficznego
Flash - symbole
Klipy filmowe (ang. Movie Clips)
RównieŜ mogą zawierać
wewnętrzne animacje
ale…
Są elementami niezaleŜnymi
od sceny
6
Flash - symbole
Klipy filmowe (ang. Movie Clips)
Zakres klatek na scenie
określa jedynie „czas Ŝycia”
klipu
Scena nie ma kontroli nad tym
która z klatek klipu ma być
właśnie odtworzona
Flash - symbole
Klipy filmowe (ang. Movie Clips)
KaŜda instancja klipu
filmowego moŜe być
identyfikowana przez własną
nazwę (róŜną od nazwy
symbolu)
7
Flash - symbole
Klipy filmowe (ang. Movie Clips)
Klip moŜe reagować na róŜne
zdarzenia (Zarówno związane
z listwą czasową jak i z innym
klipami)
Flash - symbole
Wszystkie symbole
Instancja symbolu kaŜdego
rodzaju moŜe zmienić swoje
„zachowanie” (behavior) na inne
w dowolnej chwili filmu
8
Flash - symbole
ZagnieŜdŜanie
Zachowanie instancji symbolu graficznego
Czas istnienia
instancji na
scenie
Instancja „zwykła”
Jednokrotne odtworzenie
Przesunięty punkt startu
Zawartość symbolu
Flash - symbole
graphic
Zachowanie instancji symbolu graficznego
grupa
Element graficzny
grupa
9
Flash - symbole
graphic
Zachowanie instancji symbolu graficznego
• Instancje odtwarzają się w sposób zsynchronizowany z klatkami sceny
• RóŜnice w ilościach klatek symbolu i czasu jego istnienia spowodują
przeskok przy zapętleniu animacji.
•Jednokrotne odtworzenie jest wykonywane raz przy kaŜdej pętli
animacji głównej
Flash - symbole
graphic
Zachowanie instancji symbolu graficznego
ZagnieŜdŜona Instancja (graphic)
Element graficzny ZagnieŜdŜona Instancja (graphic)
10
Flash - symbole
graphic - zagnieŜdŜenie
Flash - symbole
graphic - zagnieŜdŜenie
Zachowanie instancji symbolu graficznego
• Instancje zagnieŜdŜone odtwarzają się w sposób zsynchronizowany
z klatkami symbolu nadrzędnego
• RóŜnica w ilościach klatek symbolu i czasu jego istnienia spowoduje
przeskok przy zapętleniu animacji.
• RóŜnica w ilościach klatek instancji zagnieŜdŜonych i symbolu
spowoduje przeskok w trakcie animacji.
• Jednokrotne odtworzenie jest wykonywane raz przy kaŜdej pętli
animacji
11
Flash - symbole
graphic – zagnieŜdŜenie - kolejny poziom
Flash - symbole
graphic
Problem: synchronizacja vs. zapętlenie
12
Flash - symbole
MovieClip (MC)
Zachowanie instancji klipów filmowych
Zachowanie MC
na pierwszym
poziomie
Zachowanie MC
na obu poziomach
Flash - symbole
MovieClip (MC)
Zachowanie instancji klipów filmowych
Efekt: usunięcie synchronizacji
+ brak problemów z zapętleniem
- brak kontroli filmu głównego nad przebiegiem
animacji wewnątrz klipu (brak wyświetlania animacji
wewnętrznych w instancjach MC w trybie edycyjnym)
13
Flash - symbole
MovieClip (MC)
Zachowanie instancji klipów filmowych
Zmiana typu instancji na głębszym poziomie
powoduje zmianę w przebiegu animacji
Efekt:
„uwolnienie” dotąd niewidocznych
odcinków animacji
– zapętlenie nie powoduje resetowania
połoŜenia głowicy wewnątrz instancji
klipów zagnieŜdŜonych
Flash - symbole
MovieClip (MC)
Zachowanie instancji klipów filmowych
Realizacja kontroli „jak w klipie graficznym” za
pomocą języka skryptowego Action Script
14
Flash - symbole
MovieClip (MC)
Zachowanie instancji klipów filmowych
play once
stop();
Flash - symbole
MovieClip (MC)
Zachowanie instancji klipów filmowych
play once
Wersja 2:
Wszystkie elementy
składowe mają
ustawione zachowanie
MC
15
Flash - symbole
Symbole – MovieClip (MC)
Zachowanie instancji klipów filmowych
Play from frame x
Flash - symbole
MovieClip (MC)
Parametry instancji klipów filmowych
Z poziomu programu edycyjnego ustawiane za pomocą
odpowiednich formatek
16
Flash - symbole
MovieClip (MC)
Parametry instancji klipów filmowych
Z poziomu skryptu
wymagana jest moŜliwość
rozróŜnienia
poszczególnych instancji
Flash - symbole
MovieClip (MC)
Parametry instancji klipów filmowych
Nazwy instancji
prawy
czerwony
zielony
zielony_wew
17
Flash - symbole
MovieClip (MC)
Parametry instancji klipów filmowych
(niektóre)
_visible - widoczność wł/wył
_alpha - stopień przeźroczystości
_x
- pozycja x
_y
- pozycja y
_width - rozmiar x
_height - rozmiar y
_xscale - skala x
_yscale - skala y
_rotation- kąt obrotu (0-179 stopni)
Flash - symbole
MovieClip (MC)
Zachowanie instancji klipów filmowych
Realizacja kontroli „jak w klipie graficznym” za
pomocą języka skryptowego Action Script
(pełna)
18
Flash - symbole
MovieClip (MC)
Zachowanie instancji klipów filmowych
play once
Pełna
realizacja?
Flash - symbole
MovieClip (MC)
Zachowanie instancji klipów filmowych
play once
Pełna
realizacja
19
Flash - symbole
MovieClip (MC)
Zachowanie instancji klipów filmowych
Play from frame x
Pełna
realizacja
Flash - symbole
MovieClip (MC)
Sterowanie parametrami instancji klipów filmowych
_visible - widoczność wł/wył
_alpha - stopień przeźroczystości
_x
- pozycja x
_y
- pozycja y
_width - rozmiar x
_height - rozmiar y
_xscale - skala x
_yscale - skala y
_rotation- kąt obrotu (0-179 stopni)
20