PRZYCISK

Krótkie wprowadzenie do ActionScript

AS to język skryptowy, wykorzystywany we Flashu. Język ActionScript podobnie jak sam Flash przeszedł wiele modyfikacji
w odniesieniu do poprzednich wersji programu. We Flashu 5 jest on już w pełni zaawansowanym, imponującym narzędziem z którego korzystają nie tylko zaawansowani flashmani. Język ten jest podobny do JavaScript i opiera się na dodawaniu akcji do poszczególnych klatek lub obiektów (MC i buttony). Przy tworzeniu strony internetowej, dzięki dużemu rozbiciu poszczególnych skryptów na różne obiekty unikamy kilometrowego kodu, którego edycja jest nużąca i monotonna. Skrypty w AS są bardzo krótkie i proste, dzięki czemu wykrycie i poprawienie błędu nie trwa długo. By wstawić skrypt do naszej animacji posługujemy się panelem Actions
 (Window/Actions lub Ctrl+Alt+A). Samo wstawianie skryptów opiera się na przeciąganiu lub wpisywaniu gotowych poleceń. Dla ułatwienia początkujący pracujący w trybie Normal Mode, otrzymają od programu pomoc w postaci wyświetlenia określonych pól do których wystarczy np. wpisać adres strony www, do której chcemy się odnieść za pomocą linku. Wszystko wyjaśnię przy okazji tworzenia przycisku, więc nie martwcie się, jeśli jeszcze mało z tego wszystkiego rozumiecie:).

Tworzenie przycisku

Stworzymy zaraz przycisk będący odnośnikiem do strony WWW, do którego dodamy dźwięk oraz sprawimy, by po najechaniu nań myszką odtwarzała się animacja. Aby wykonać przycisk najpierw tworzymy nowy obiekt button (Ctrl+F8) i nadajemy mu dowolną nazwę. Następnie w klatce kluczowej przycisku (UP) rysujemy prostokąt o wymiarach 100x25px. Wypełniamy go na szaro, obramowanie standardowo białe grubości 1,5px. Tło naszej animacji ustawiliśmy wcześniej jak zwykle na czarne. Na przycisku piszemy dowolny tekst, ja napisałem "burak".

Klatkę kopiujemy do pozostałych trzech: OVER, DOWN i HIT. Spróbujemy teraz zrobić coś takiego, aby po najechaniu myszką na nasz przycisk była odtwarzana jakaś animacja. W tym celu musimy MC z animacją wstawić do klatki OVER przycisku.

Najpierw jednak musimy takową animację wykonać:). Tworzymy nowy obiekt Movie Clip, który nazwiemy koło. Teraz w jedynej warstwie tego obiektu rysujemy białe koło i animujemy je w dowolny sposób. Ja sprawiłem, że koło porusza się od prawej do lewej strony, przemienia się w kwadrat i na końcu znika (alpha na 0%). Otwieramy bibliotekę (Ctrl+L) i przechodzimy do naszego przycisku dwukrotnie na nim klikając. Przechodzimy do klatki Over, przeciągamy do niej z biblioteki nasz klip i pozycjonujemy go względem przycisku. Ja umieściłem go po lewej stronie przycisku.

Pozostało nam dograć do przycisku dźwięk i posłużyć się ActionScriptem, by stworzyć z niego odnośnik. Dźwięk, który ja wstawiłem do przycisku możecie ściągnąć tutaj.

Dźwięk importujemy do filmu wybierając opcję Import z menu File (Ctrl+R). Gdy już zaimportujemy plik dźwiękowy, trafi on do naszej biblioteki. Chcemy, by dźwięk był odtwarzany w momencie najechania na przycisk kursorem, więc musimy go wstawić do klatki Over. Klikamy na niej i otwieramy panel Instance (Ctrl+i), zakładkę Sound. Z rozwijanego menu Sound wybieramy nasz plik.

Na linii czasu, w klatce Over pojawiła się pionowa kreska informująca o tym, że klatka ta zawiera dźwięk.

Teraz powracamy do sceny głównej, przenosimy przycisk z biblioteki na Pole Pracy i pozycjonujemy go. Pozostało stworzenie
z przycisku odnośnika. Klikamy na nim prawym przyciskiem myszy i wybieramy Actions. Pojawło się okno Actions, w którym
z lewej strony wybieramy akcję getURL i klikamy na niej dwukrotnie bądź przeciągamy na prawą stronę. Oba działania prowadzą do tego samego efektu- z prawej strony wyświetli się akcja:

Poniżej mamy panel, który ułatwi nam zdefiniowanie akcji. W okienku URL wpisujemy adres strony, która ma się wyświetlić po wciśnięciu przycisku. Resztę opcji pozostawiamy bez zmian.

Nasza akcja wygląda teraz następująco:

on (release) {
   getURL ("http://www.webhelp.pl");
}

komenda on (release) powoduje to, że po przyciśnięciu buttona i zwolnieniu przycisku myszy, zostanie wykonana akcja znajdująca się pomiędzy nawiasami { i }. Akcja getURL(); otwiera adres zdefiniowany w następującym po niej nawiasie. Adres musi być wpisany w cudzysłowie.

Jeśli klikniemy na on (release) {, komenda podświetli się, a my na dole będziemy mieli do wyboru opcje:

Opcje można pojąć intuicyjnie, posiadając jedynie podstawową wiedzę z języka angielskiego. I tak na przykład zaznaczone okienko Press, sprawi, że adres zostanie otwarty już po wciśnięciu przycisku myszy, natomiast Roll Over otworzy adres kiedy przejedziemy kursorem nad przyciskiem. Z opisem pozostałych opcji zapoznacie się w lekcji "Detektor Zdarzeń myszy".

To już wszystko!

---