- Podstawowe informacje o animacjach w programie Animate
- Korzystanie z klatek i klatek kluczowych w programie Animate
- Animacja klatka po klatce w programie Animate
- Praca z animacjami klasycznymi w programie Animate
- Narzędzie Pędzel
- Linie pomocnicze ruchu
- Animacje ruchu a język ActionScript 3.0
- Informacje o animacji ruchu
- Animacje ruchu
- Tworzenie animacji ruchu
- Używanie klatek kluczowych właściwości
- Animowanie położenia za pomocą klatek pośrednich
- Edytowanie animacji ruchu za pomocą Edytora ruchu
- Edytowanie ścieżki ruchu animacji
- Operacje na animacjach ruchu
- Dodawanie własnych krzywych dynamiki
- Tworzenie i stosowanie ruchów predefiniowanych
- Konfigurowanie zakresów animacji
- Praca z animacjami ruchu zapisanymi jako pliki XML
- Porównanie animacji ruchu i animacji klasycznych
- Animowanie kształtów metodą klatek pośrednich
- Animacja oparta na narzędziu Kość w programie Animate
- Tworzenie konstrukcji postaci w programie Animate
- Używanie warstw maskujących w programie Adobe Animate
- Praca ze scenami w programie Animate
- Tworzenie przycisków w programie Animate
- Konwertowanie projektów programu Animate na dokumenty innych typów
- Tworzenie i publikowanie dokumentów HTML5 Canvas w programie Animate
- Programowanie elementów interaktywnych za pomocą wycinków kodu w programie Animate
- Tworzenie własnych składników HTML5
- Używanie składników w zawartości HTML5 Canvas
- Tworzenie własnych składników: przykłady
- Wycinki kodu dla składników dostosowanych
- Sprawdzone procedury — reklama oparta na programie Animate
- Tworzenie i publikowanie materiałów rzeczywistości wirtualnej
- Tworzenie pędzli malarskich i zarządzanie nimi
- Używanie czcionek Google Fonts w dokumentach HTML5 Canvas
- Korzystanie z Bibliotek Creative Cloud w programie Adobe Animate
- Korzystanie ze stołu montażowego i panelu Narzędzia w programie Animate
- Obieg pracy i przestrzeń robocza w programie Animate
- Używanie czcionek internetowych w dokumentach HTML5 Canvas
- Osie czasu a język ActionScript
- Praca z wieloma osiami czasu
- Ustawianie preferencji
- Korzystanie z paneli narzędziowych programu Animate
- Tworzenie warstw na osi czasu w programie Animate
- Eksportowanie animacji do aplikacji mobilnych i platform gier
- Przesuwanie i kopiowanie obiektów
- Szablony
- Znajdowanie i zamienianie w programie Animate
- Cofanie, ponawianie i panel Historia
- Skróty klawiaturowe
- Korzystanie z osi czasu w programie Animate
- Tworzenie rozszerzeń HTML
- Opcje optymalizacji obrazów i animowanych plików GIF
- Eksportowanie ustawień obrazów oraz plików GIF
- Panel Zasoby w programie Animate
- Przekształcanie i łączenie obiektów graficznych w programie Animate
- Tworzenie i obsługa wystąpień symboli w programie Animate
- Obrys obrazu
- Używanie dźwięku w programie Adobe Animate
- Eksportowanie plików SVG
- Tworzenie plików wideo do używania w programie Animate
- Dodawanie wideo w programie Animate
- Rysowanie i tworzenie obiektów w programie Animate
- Przekształcanie linii i kształtów
- Obrysy, wypełnienia, i gradienty w programie Animate CC
- Korzystanie z programów Adobe Premiere Pro i After Effects
- Panel Kolory w programie Animate CC
- Otwieranie plików programu Flash CS6 w programie Animate
- Praca z tekstem klasycznym w programie Animate
- Umieszczanie kompozycji w programie Animate
- Zaimportowane bitmapy w programie Animate
- Grafika 3D
- Praca z symbolami w programie Animate
- Rysowanie linii i kształtów przy użyciu programu Animate
- Praca z bibliotekami w programie Animate
- Eksportowanie dźwięków
- Zaznaczanie obiektów w programie Animate CC
- Praca z plikami AI programu Illustrator w programie Animate
- Stosowanie trybów mieszania
- Układanie obiektów
- Automatyzacja zadań za pomocą menu Polecenia
- Teksty wielojęzyczne
- Korzystanie z kamery w programie Animate
- Filtry graficzne
- Dźwięk a język ActionScript
- Preferencje rysowania
- Rysowanie za pomocą narzędzia Pióro
- Konwertowanie projektów programu Animate na dokumenty innych typów
- Obsługa platform niestandardowych
- Tworzenie i publikowanie dokumentów HTML5 Canvas w programie Animate
- Tworzenie i publikowanie dokumentów WebGL
- Pakowanie aplikacji na potrzeby środowiska AIR for iOS
- Publikowanie aplikacji dla środowiska AIR for Android
- Publikowanie dla środowiska AIR na komputery
- Ustawienia publikowania kodu ActionScript
- Sprawdzone procedury — porządkowanie kodu ActionScript w aplikacji
- Korzystanie z kodu ActionScript w programie Animate
- Ułatwienia dostępu w przestrzeni roboczej programu Animate
- Pisanie skryptów i zarządzanie nimi
- Włączanie obsługi platform niestandardowych
- Omówienie obsługi platform niestandardowych
- Praca z wtyczkami obsługi platform niestandardowych
- Debugowanie kodu ActionScript 3.0
- Włączanie obsługi platform niestandardowych
- Eksportowanie plików z programu Animate CC
- Publikowanie plików OAM
- Eksportowanie plików SVG
- Eksportowanie grafiki i wideo w programie Animate
- Publikowanie dokumentów ActionScript 3.0
- Eksportowanie animacji do aplikacji mobilnych i platform gier
- Eksportowanie dźwięków
- Sprawdzone procedury — wskazówki dotyczące tworzenia zawartości dla urządzeń przenośnych
- Sprawdzone procedury — konwencje dotyczące wideo
- Sprawdzone procedury — wskazówki dotyczące tworzenia aplikacji SWF
- Sprawdzone procedury — określanie struktury pliku FLA
- Sprawdzone procedury optymalizowania plików FLA dla programu Animate
- Ustawienia publikowania kodu ActionScript
- Określanie ustawień publikowania w programie Animate
- Eksportowanie plików projektora
- Eksportowanie obrazów i animowanych plików GIF
- Szablony publikowania w formacie HTML
- Korzystanie z programów Adobe Premiere Pro i After Effects
- Szybkie udostępnianie i publikowanie animacji
- Podręcznik użytkownika programu Adobe Animate
- Wprowadzenie do programu Animate
-
Animacja
- Podstawowe informacje o animacjach w programie Animate
- Korzystanie z klatek i klatek kluczowych w programie Animate
- Animacja klatka po klatce w programie Animate
- Praca z animacjami klasycznymi w programie Animate
- Narzędzie Pędzel
- Linie pomocnicze ruchu
- Animacje ruchu a język ActionScript 3.0
- Informacje o animacji ruchu
- Animacje ruchu
- Tworzenie animacji ruchu
- Używanie klatek kluczowych właściwości
- Animowanie położenia za pomocą klatek pośrednich
- Edytowanie animacji ruchu za pomocą Edytora ruchu
- Edytowanie ścieżki ruchu animacji
- Operacje na animacjach ruchu
- Dodawanie własnych krzywych dynamiki
- Tworzenie i stosowanie ruchów predefiniowanych
- Konfigurowanie zakresów animacji
- Praca z animacjami ruchu zapisanymi jako pliki XML
- Porównanie animacji ruchu i animacji klasycznych
- Animowanie kształtów metodą klatek pośrednich
- Animacja oparta na narzędziu Kość w programie Animate
- Tworzenie konstrukcji postaci w programie Animate
- Używanie warstw maskujących w programie Adobe Animate
- Praca ze scenami w programie Animate
-
Funkcje interaktywne
- Tworzenie przycisków w programie Animate
- Konwertowanie projektów programu Animate na dokumenty innych typów
- Tworzenie i publikowanie dokumentów HTML5 Canvas w programie Animate
- Programowanie elementów interaktywnych za pomocą wycinków kodu w programie Animate
- Tworzenie własnych składników HTML5
- Używanie składników w zawartości HTML5 Canvas
- Tworzenie własnych składników: przykłady
- Wycinki kodu dla składników dostosowanych
- Sprawdzone procedury — reklama oparta na programie Animate
- Tworzenie i publikowanie materiałów rzeczywistości wirtualnej
-
Multimedia i wideo
- Przekształcanie i łączenie obiektów graficznych w programie Animate
- Tworzenie i obsługa wystąpień symboli w programie Animate
- Obrys obrazu
- Używanie dźwięku w programie Adobe Animate
- Eksportowanie plików SVG
- Tworzenie plików wideo do używania w programie Animate
- Dodawanie wideo w programie Animate
- Rysowanie i tworzenie obiektów w programie Animate
- Przekształcanie linii i kształtów
- Obrysy, wypełnienia, i gradienty w programie Animate CC
- Korzystanie z programów Adobe Premiere Pro i After Effects
- Panel Kolory w programie Animate CC
- Otwieranie plików programu Flash CS6 w programie Animate
- Praca z tekstem klasycznym w programie Animate
- Umieszczanie kompozycji w programie Animate
- Zaimportowane bitmapy w programie Animate
- Grafika 3D
- Praca z symbolami w programie Animate
- Rysowanie linii i kształtów przy użyciu programu Animate
- Praca z bibliotekami w programie Animate
- Eksportowanie dźwięków
- Zaznaczanie obiektów w programie Animate CC
- Praca z plikami AI programu Illustrator w programie Animate
- Stosowanie trybów mieszania
- Układanie obiektów
- Automatyzacja zadań za pomocą menu Polecenia
- Teksty wielojęzyczne
- Korzystanie z kamery w programie Animate
- Filtry graficzne
- Dźwięk a język ActionScript
- Preferencje rysowania
- Rysowanie za pomocą narzędzia Pióro
-
Platformy
- Konwertowanie projektów programu Animate na dokumenty innych typów
- Obsługa platform niestandardowych
- Tworzenie i publikowanie dokumentów HTML5 Canvas w programie Animate
- Tworzenie i publikowanie dokumentów WebGL
- Pakowanie aplikacji na potrzeby środowiska AIR for iOS
- Publikowanie aplikacji dla środowiska AIR for Android
- Publikowanie dla środowiska AIR na komputery
- Ustawienia publikowania kodu ActionScript
- Sprawdzone procedury — porządkowanie kodu ActionScript w aplikacji
- Korzystanie z kodu ActionScript w programie Animate
- Ułatwienia dostępu w przestrzeni roboczej programu Animate
- Pisanie skryptów i zarządzanie nimi
- Włączanie obsługi platform niestandardowych
- Omówienie obsługi platform niestandardowych
- Praca z wtyczkami obsługi platform niestandardowych
- Debugowanie kodu ActionScript 3.0
- Włączanie obsługi platform niestandardowych
-
Eksportowanie i publikowanie
- Eksportowanie plików z programu Animate CC
- Publikowanie plików OAM
- Eksportowanie plików SVG
- Eksportowanie grafiki i wideo w programie Animate
- Publikowanie dokumentów ActionScript 3.0
- Eksportowanie animacji do aplikacji mobilnych i platform gier
- Eksportowanie dźwięków
- Sprawdzone procedury — wskazówki dotyczące tworzenia zawartości dla urządzeń przenośnych
- Sprawdzone procedury — konwencje dotyczące wideo
- Sprawdzone procedury — wskazówki dotyczące tworzenia aplikacji SWF
- Sprawdzone procedury — określanie struktury pliku FLA
- Sprawdzone procedury optymalizowania plików FLA dla programu Animate
- Ustawienia publikowania kodu ActionScript
- Określanie ustawień publikowania w programie Animate
- Eksportowanie plików projektora
- Eksportowanie obrazów i animowanych plików GIF
- Szablony publikowania w formacie HTML
- Korzystanie z programów Adobe Premiere Pro i After Effects
- Szybkie udostępnianie i publikowanie animacji
- Rozwiązywanie problemów
Za pomocą kodu ActionScript® można kontrolować oś czasu w środowisku wykonawczym. Pisząc skrypt w języku ActionScript, można w pliku FLA tworzyć zachowania interakcyjne oraz realizować inne funkcje niedostępne, gdy używana jest wyłącznie oś czasu.
Za pomocą kodu ActionScript® można kontrolować oś czasu w środowisku wykonawczym. Pisząc skrypt w języku ActionScript, można w pliku FLA tworzyć zachowania interakcyjne oraz realizować inne funkcje niedostępne, gdy używana jest wyłącznie oś czasu.
Aby uzyskać informacje o sterowaniu osią czasu za pomocą kodu ActionScript, należy zapoznać się z omówieniem osi czasu i języka ActionScript w pomocy na stronie internetowej.
Ścieżki bezwzględne
Ścieżka bezwzględna zaczyna się od nazwy poziomu, na którym wczytano dokument, a po tej nazwie następują kolejne pozycje z listy wyświetlania. Za pomocą aliasu _root można odnieść się do głównej osi czasu na bieżącym poziomie. Na przykład operacja zdefiniowana w klipie filmowym california, odnosząca się do klipu oregon, mogłaby zostać opisana ścieżką bezwzględną _root.westCoast.oregon.
Pierwszy z dokumentów, które będą otwierane we wtyczce Flash Player, jest wczytywany na poziomie 0. Z każdym kolejnym wczytywanym dokumentem należy skojarzyć odpowiedni numer poziomu. W kodzie ActionScript wszelkie odwołania bezwzględne do wczytanych dokumentów muszą mieć formę _levelX, gdzie X oznacza numer poziomu, na którym wczytano dany dokument. Na przykład pierwszy z dokumentów otwieranych we wtyczce Flash Player jest oznaczany jako _level0; dokument wczytany na poziomie 3 jest oznaczany jako _level3.
Aby zapewnić komunikację między dokumentami na różnych poziomach, w ścieżkach docelowych należy używać nazw poziomów. Następujący przykład ilustruje, jak obiekt portland odwołuje się do obiektu atlanta zlokalizowanego w klipie filmowym georgia (klip georgia znajduje się na tym samym poziomie co klip oregon):
_level5.georgia.atlanta
Za pomocą aliasu _root można odnieść się do głównej osi czasu na bieżącym poziomie. W przypadku głównej osi czasu alias _root oznacza poziom _level0 (gdy odwołuje się do niego klip filmowy z poziomu _level0). W przypadku dokumentu wczytanego na poziomie _level5 alias _root odnosi się do poziomu _level5 (gdy odwołuje się do niego klip filmowy z poziomu level 5). Jeśli na przykład klipy filmowe southcarolina i florida ostały wczytane na tym samym poziomie, operacja wywoływana przez obiekt southcarolina mogłaby odwoływać się do obiektu florida za pomocą następującej ścieżki bezwzględnej:
_root.eastCoast.florida
Ścieżki względne
Kształt ścieżki względnej zależy od relacji między źródłową i docelową osią czasu. Ścieżki względne mogą łączyć obiekty znajdujące się na tym samym poziomie wtyczki Flash Player. Jeśli na przykład pewna operacja jest realizowana na poziomie _level0, a ma odnosić się do osi czasu na poziomie _level5, nie można użyć ścieżki względnej.
W przypadku ścieżek względnych słowo kluczowe this odnosi się do bieżącej osi czasu na bieżącym poziomie, a alias _parent oznacza nadrzędną oś czasu osi bieżącej. Alias _parent może być stosowany wielokrotnie, co pozwala przywoływać kolejne poziomy hierarchii klipu w ramach tego samego poziomu wtyczki Flash Player. Na przykład fraza _parent._parent pozwala przesunąć się o dwa poziomy w górę hierarchii klipu. Jedynie w przypadku głównej, czyli najbardziej nadrzędnej, osi czasu na danym poziomie wtyczki Flash Player znaczenie frazy _parent jest niezdefiniowane.
Operacja na osi czasu obiektu charleston, zdefiniowana o jeden poziom poniżej obiektu southcarolina, mogłaby odwoływać się do obiektu southcarolina za pomocą następującej ścieżki docelowej:
_parent
Aby odwołać się do obiektu eastCoast (o jeden poziom w górę) z poziomu operacji charleston, można by użyć następującej ścieżki względnej:
_parent._parent
Aby odwołać się do obiektu atlanta z poziomu operacji na osi czasu obiektu charleston, można użyć następującej ścieżki względnej:
_parent._parent.georgia.atlanta
Ścieżki względne umożliwiają wielokrotne uaktywnianie skryptów. Z klipem filmowym można na przykład skojarzyć następujący skrypt powiększający obiekt nadrzędny klipu o 150%:
onClipEvent (load) { _parent._xscale = 150; _parent._yscale = 150; }
Ten sam skrypt można skojarzyć z dowolnymi wystąpieniami klipu (dzięki czemu będzie on uaktywniany wielokrotnie).
W programach Flash Lite 1.0 i 1.1 skrypty mogą być przypisywane tylko do przycisków. Łączenie skryptów z klipami filmowymi nie jest obsługiwane.
Niezależnie od typu ścieżki — względnej lub bezwzględnej — każda zmienna na osi czasu lub właściwość obiektu jest identyfikowana za pomocą kropki (.), po której następuje nazwa zmiennej lub właściwości. Na przykład następująca instrukcja powoduje przypisanie zmiennej name w obiekcie form wartości "Gilbert":
_root.form.name = "Gilbert";
Korzystanie z bezwzględnych i względnych ścieżek docelowych
Komunikację między różnymi osiami czasu można kontrolować za pomocą kodu ActionScript. Oś czasu, która zawiera kod pewnej operacji, określana jest jako oś sterująca, a oś podlegająca tej operacji — oś docelowa. Na przykład z osią czasu ostatniej klatki animacji (osią sterującą) może zostać skojarzona operacja, która powoduje odtwarzanie obiektu z inną osią czasu (osią docelową). Dostęp do docelowej osi czasu zapewnia ścieżka docelowa, która wskazuje położenie odpowiedniego klipu na liście wyświetlania.
Poniższy przykład ilustruje hierarchię dokumentu westCoast na poziomie 0, który zawiera trzy klipy filmowe: california, oregon i washington. Każdy z tych trzech klipów zawiera z kolei dwa inne klipy.
_level0 westCoast california sanfrancisco bakersfield oregon portland ashland washington olympia ellensburg
Podobnie jak ma to miejsce w przypadku serwerów internetowych, każda oś czasu programu Animate może być identyfikowana na dwa sposoby: za pomocą ścieżki bezwzględnej lub względnej. Bezwzględna ścieżka obiektu jest zawsze ścieżką pełną, zaczynającą się od nazwy poziomu — niezależnie od osi czasu, która wywołuje daną operację. Na przykład: ścieżka bezwzględna obiektu california to _level0.westCoast.california. Ścieżki względne wyglądają różnie w przypadku różnych obiektów wywołujących; na przykład ścieżka do obiektu california od obiektu sanfrancisco to _parent, ale ścieżka od obiektu portland to _parent._parent.california.
Określanie ścieżek docelowych
Aby sterować klipem filmowym, wczytanym plikiem SWF lub przyciskiem, należy określić ścieżkę docelową. Można ją określić ręcznie, za pomocą okna dialogowego Wstaw ścieżkę docelową lub przez utworzenie wyrażenia definiującego ścieżkę docelową. Aby określić ścieżkę docelową klipu filmowego lub przycisku, należy przypisać do niego nazwę obiektu. Wczytany dokument nie wymaga określenia ścieżki docelowej, ponieważ funkcję nazwy pełni numer poziomu (np. _level5).
Przypisywanie do klipu filmowego lub przycisku nazwy obiektu
-
Zaznacz klip filmowy lub przycisk na stole montażowym.
-
Wprowadź nazwę obiektu w oknie inspektora Właściwości.
Określanie ścieżki docelowej za pomocą okna dialogowego Wstaw ścieżkę docelową
-
Zaznacz klip filmowy, klatkę lub przycisk, z którym chcesz skojarzyć operację.
Oś zaznaczonego obiektu stanie się sterującą osią czasu.
-
Przejdź do panelu Operacje (Okno > Operacje), przejdź do przybornika Operacje po lewej stronie, po czym wybierz operację lub metodę, która wymaga określenia ścieżki docelowej.
-
Kliknij pole parametru lub miejsce wewnątrz skryptu, gdzie zostanie wstawiona ścieżka docelowa.
-
Kliknij przycisk Wstaw ścieżkę docelową
nad okienkiem Skrypt.
-
Wybierz typ ścieżki docelowej: bezwzględna lub względna.
-
Zaznacz klip filmowy na liście wyświetlania Wstaw ścieżkę docelową i kliknij przycisk OK.
Ręczne określanie ścieżki docelowej
-
Zaznacz klip filmowy, klatkę lub przycisk, z którym chcesz skojarzyć operację.
Oś zaznaczonego obiektu stanie się sterującą osią czasu.
-
Przejdź do panelu Operacje (Okno > Operacje), przejdź do przybornika Operacje po lewej stronie, po czym wybierz operację lub metodę, która wymaga określenia ścieżki docelowej.
-
Kliknij pole parametru lub miejsce wewnątrz skryptu, gdzie zostanie wstawiona ścieżka docelowa.
-
W panelu Operacje wpisz bezwzględną lub względną ścieżkę docelową.
Określanie ścieżki docelowej za pomocą wyrażenia
-
Zaznacz klip filmowy, klatkę lub przycisk, z którym chcesz skojarzyć operację.
Oś zaznaczonego obiektu stanie się sterującą osią czasu.
-
Przejdź do panelu Operacje (Okno > Operacje), przejdź do przybornika Operacje po lewej stronie, po czym wybierz operację lub metodę, która wymaga określenia ścieżki docelowej.
-
Wykonaj jedną z następujących czynności:
W polu parametru wprowadź wyrażenie, za pomocą którego będzie wyznaczana ścieżka docelowa.
Kliknij w odpowiednim miejscu skryptu. W przyborniku Operacje przejdź do kategorii Funkcje i kliknij dwukrotnie funkcję targetPath. Funkcja targetPath konwertuje odniesienie do klipu filmowego na ciąg znaków.
Kliknij w odpowiednim miejscu skryptu. W przyborniku Operacje przejdź do kategorii Funkcje i zaznacz funkcję eval. Funkcja eval konwertuje ciąg znaków na odniesienie do klipu filmowego — odniesienie pozwalające wywoływać różne metody, np. play.
Poniższy skrypt zaczyna się od instrukcji przypisania zmiennej i wartości 1. Kolejna instrukcja zawiera wywołanie funkcji eval, która generuje odniesienie do obiektu typu klip filmowy. Odniesienie to jest przypisywane zmiennej x. Dzięki temu zmienna x pozwala wywoływać metody obiektu MovieClip.
i = 1; x = eval("mc"+i); x.play(); // Odpowiednik wywołania mc1.play();Funkcja eval umożliwia również bezpośrednie wywoływanie metod, co pokazuje kolejny przykład:
eval("mc" + i).play();