Typy plików Flasha

INTERAKTYWNA
KOMUNIKACJA WIZUALNA
Flash - podstawy
Adobe Flash (dawniej Macromedia Flash)
– program komputerowy, technologia tworzenia animacji
z wykorzystaniem grafiki wektorowej.
Powstałe pliki *.swf można odtwarzać za pomocą
przeglądarki internetowej z zainstalowaną odpowiednią
wtyczką (np. Adobe Flash Player) lub w oddzielnym
programie do tego przeznaczonym.
Od wersji Flash 5, program wyposażony został w język
programowania do obsługi zdarzeń – Action Script.
(interaktywne animacje i programy)
Typy plików Flasha:
•Dokumenty Flasha (.fla)
•Filmy Flasha (.swf)
•Pliki skryptów Action Script (.as)
•Pliki Flash Video (.flv)
•Pliki składników Flasha (.swc)
Typy plików Flasha:
Typy plików Flasha:
•Dokumenty Flasha (.fla)
Pliki edycyjne filmów Flasha, umożliwiają pracę
w środowisku edycyjnym i tworzenie projektów
•Filmy Flasha (.swf)
- utworzony w momencie publikowania lub testowania
filmu. Zoptymalizowana wersja orginalnego dokumentu
Flasha, zawierająca wyłącznie te elementy projektu,
które są potrzebne.
Pliki .swf są przesyłane do serwera stron www, gdzie
następuje ich integracja z plikami html w celu
udostępnienia ich użytkownikowi.
Typy plików Flasha:
•Pliki skryptów Action Script (.as)
•Pliki Flash Video (.flv)
tworzone np. narzędziami: Adobe Media Encoder,
Sorenson Squeeze, On2Flix.
•Pliki składników Flasha (.swc)
Możliwości Flasha:
•Przetwarzanie obrazów rastrowych
•Program wektorowy
•Animacje wektorowe
•Mechanizm odtwarzania wideo
•Odtwarzacz audio
•Multimedialne środowisko edycyjne
•Programowanie i obsługa baz danych
•Sekwenser animacyjny
Sekwenser animacyjny
• Umożliwia
sprawowanie kontroli nad sposobem
wyświetlania zawartości.
• Iluzja ruchu – sekwencje klatek
•Animacja ruchu
Możliwości Flasha:
Sekwenser animacyjny
- Animacja kształtu
Symbole, instancje i biblioteka
•Symbol- element znajdujący się w bibliotece, nadający
się do wielokrotnego wykorzystania w projekcie
•Zaleta: oszczędność w wielkościach pliku i interaktywna
użyteczność filmów Flasha
•Wiele instancji tego samego symbolu (bez zwiększania
rozmiaru pliku!)
•Biblioteka – zbiór wszystkich powtarzających się
w projekcie elementów, które zostały zdefiniowane jako
symbole
•Bibiloteka:
• Importowane dźwięki i bitmapy
• Przyciski
• Klipy filmowe
Domyślne biblioteki Flasha:
•Dźwięki
•Klasy
•Przyciski
(Okno->Wspólne Bibiloteki)
Symbole:
•Graficzne
•Klipy filmowe
•Przyciski
Symbole graficzne:
•Opcja Loop (Pętla)
•Opcja PlayOnce (Odtwórz raz)
•Opcja SingleFrame(Pojedyncza klatka)
Klipy filmowe:
•Do tworzenia animacji działających niezależnie od osi
czasu głównego filmu
•Mogą zawierać akcje, inne symbole i dźwięki
•Można je umieszczać w innych klipach filmowych
•Do tworzenia np. animowanych przycisków
•Są odtwarzane nawet wtedy, gdy zatrzyma się główną
oś czasu
•Mogą być sterowane za pomocą kodu actionScript
znajdującego się na dowolnej osi czasu lub w zewnętrznym
pliku .as
Symbole przycisków:
•Oś czasu ograniczona do 4 klatek (tzw. stanów):
- Up (mysz poza obszarem symbolu)
- Over (mysz ponad obszarem symbolu)
- Down (kliknięcie przycisku)
- Hit (obszar obsługi kliknięcia)
•Poszczególne stany mogą zawierać grafikę, inne symbole
i dźwięk
•Po utworzeniu przycisku stanom można przypisać akcje
Elementy importowane:
•Mapy bitowe (traktowane jako symbole)
•Grafika wektorowa
•Dźwięki
•Elementy wideo
•Symbole czcionek
Symbole graficzne a klipy filmowe
•Symbole graficzne dostarczają statycznej informacji
•Klipy filmowe zawierają animacje odtwarzane na niezależnej
osi czasu
•Symbole graficzne – do przechowywania jednej lub kilku klatek
z kształtami wektorowymi, jeśli potrzebny podgląd animacji
podczas pracy nad projektem (kreskówki)
•Klipy filmowe – gdy stosujemy skrypty ActionScript lub gdy
animacja w obrębie symbolu musi przebiegać niezależnie od
akcji głównego filmu (gry)
Modyfikowanie właściwości symbolu na stole montażowym
•Każda instancja symbolu posiada parametry, które można
modyfikować:
-jasność
-kolor
-stopień przeźroczystości
•Modyfikacja tych parametrów nie ma wpływu na wygląd
i działanie oryginalnego symbolu w bibliotece
•Instancję symbolu można skalować, obracać lub pochylać
•Zmiana oryginalnego symbolu w bibliotece-zmiana wszystkich
instancji tego symbolu
Modyfikowanie koloru i przeźroczystości
-jasność
-100
100
-tinta (kolor) – podajemy bezpośrednio wartości RGB
-alfa (stopień przeźroczystości)
Ustawienia predefiniowane ruchu
1. Utwórz nowy symbol - piłkę
2. Wstaw kilka kopii piłki na scenę
3. W oknie właściwości zmień np.. kolory piłek
4. Przetestuj
Ustawienia predefiniowane ruchu
1. Narysuj piłkę
2. Przekonwertuj na symbol (F8)(grafika, nazwa np. pilka)
3. Z menu Okno->Ustawienia predefiniowane ruchu wybierz
jeden z predefiniowanych ruchów.
4. Przetestuj
Ustawienia predefiniowane ruchu
1. Wpisz tekst
2. Przekonwertuj na symbol (F8)
3. Z menu Okno->Ustawienia predefiniowane ruchu wybierz
Przewijanie-Tekst
4. Przetestuj
Animacja ruchu - obroty
1. Narysuj motyla
2. Przekonwertuj na symbol (F8)
3. Stwórz animację ruchu
4. W menu właściwości ustaw liczbę obrotów
5. Przetestuj
Animacja kształtu
1. W klatce pierwszej narysuj „pączek” kwiatka
2. Wstaw pustą klatkę kluczową w klatce 30
3. W klatce 30 narysuj „rozwinięty kwiat”
4. Stwórz animację kształtu
5. Ustaw dynamikę
6. Przetestuj