Up – gdy puszczamy przycisk myszki na obiekcie, over – gdy przesuwamy myszkę nad przyciskiem, down
Pobieranie 22.63 Kb.
|
- Plik Flash (ActionScript 2.0) TWORZENIE PRZYCISKU
- AKCJA PO KLIKNIĘCIU W PRZYCISK (UP)
- ANIMACJA PO NAJECHANIU (OVER)
- AKCJA PO WCIŚNIĘCIU (DOWN)
- PODPOWIEDZI W PRZYCISKACH
- Dodajemy polecenia skryptowe
| PRZYCISK + elementy ActionScript
Lekcja oparta o ActionScript w wersji 2.0. Przycisk składa się z czterech klatek: UP, OVER, DOWN, HIT, na których projektujemy, co się stanie, gdy zajdzie zdarzenie związane z myszką. UP – gdy puszczamy przycisk myszki na obiekcie, OVER – gdy przesuwamy myszkę nad przyciskiem, DOWN – gdy wciskamy przycisk, HIT - obszar działania przycisku czyli, w które miejsce można kliknąć (aktywny obszar). Z reguły trzy pierwsze klatki są bardzo podobne do siebie. Klatka HIT może zawierać tylko np. prostokątny obszar. PLIK W WERSJI AS2 Z TWORZENIE PRZYCISKU p  o kliknięciu w przycisk otworzymy stronę WWW, a po najechaniu myszą odtworzymy animację
 na klatce HIT można narysować tylko sam prostokąt – aktywny obszar
AKCJA PO KLIKNIĘCIU W PRZYCISK (UP)
pojawia się okienko skryptów
po kliknięciu – pojawi się strona WWW 
ANIMACJA PO NAJECHANIU (OVER)
po wskazaniu przyciski kolor przycisku zmienia się na czerwony AKCJA PO WCIŚNIĘCIU (DOWN)
po naciśnięciu zwiększy się rozmiar, gdy puścimy przycisk myszy – wszystko wraca do normy AKTYWNY OBSZAR (HIT)
teraz aktywnym obszarem są tylko same litery ANIMACJA NA PRZYCISKU
kółko porusza się prostokątnej ścieżce
po wskazaniu tekstu na przycisku tło zmienia kolor na czerwony i animowane kółko przelatuje naokoło przycisku PODPOWIEDZI W PRZYCISKACH A  nimacje we flash zajmują z reguły niewiele przestrzeni na ekranie. Jeżeli jest to animacja interaktywna konieczne jest umieszczenie w odpowiednich miejscach podpowiedzi dla użytkownika. Bardzo często stosuje się w tym celu przyciski z „wyskakującymi” tekstami. Nie chcemy jednak, aby podpowiedź wyskakiwała za każdym razem, gdy użytkownik wskaże przycisk (wystarczy wtedy dodać tekst w polu OVER), ale tylko, gdy „zastanawia się” – przez jakiś czas myszka wskazuje przycisk. Zamiast zwykłego tekstu w polu OVER umieścimy klip filmowy.
Po wskazaniu przycisku POMOC przez sekundę nic się nie dzieje, po czym napis POMOCY zamienia się na nowy. 
Przycisk powinien działać w taki sposób, aby po wyświetleniu się tekstu pomocy animacja się zatrzymała. Dokonamy tego stosując proste polecenie języka skryptowego.
stop(); PROSTE MENU Menu, to uporządkowany zbiór przycisków. Nie musi być imponujący ani błyskotliwy, powinien jednak być użyteczny.
WYSKAKUJĄCE MENU Jeżeli menu na animacji zajmuje zbyt dużą powierzchnię można je chować i pokazywać w odpowiednim momencie. Dołożymy jeszcze do tego możliwość przeciągania menu po obszarze animacji.
i mniejszy OTWÓRZ (patrz rysunek)
Dodajemy polecenia skryptowe
on (press) { startDrag ("", false); } on (release) { stopDrag (); } Jeśli wciśniemy przycisk myszy (PRESS) na przycisku PRZESUŃ będzie można przesuwać całe menu po obszarze klipu (STARTDRAG). Jeżeli przycisk myszy zwolnimy (RELEASE) kończymy przesuwanie menu (STOPDRAG).
on (release) { gotoAndStop (1); } Jesteśmy w klatce 2 – widać więc całe menu. Zwolnienie przycisku myszy na przycisku OTWÓRZ spowoduje, że przesuniemy się do klatki 1 – widoczny będzie tylko górny pasek
on (release) { gotoAndStop (2); } Jesteśmy w klatce 1 – widać tylko górny pasek. Zwolnienie przycisku myszy na przycisku OTWÓRZ spowoduje, że przesuniemy się do klatki 2 – widoczne będzie całe menu
stop(); To nie jest animacja, która może kręcić się wkoło. Wszystkim sterują przyciski menu, dlatego po każdej klatce zatrzymujemy akcję Po uruchomieniu animacji przechodzimy do klatki 1 – widać tylko dwa górne przyciski: PRZESUŃ i OTWÓRZ. Klikanie w przycisk OTWÓRZ spowoduje skok do klatki 2, w której widać całe menu, a przycisk OTWÓRZ ma już inne polecenie – skok do klatki 1.  
widok menu z pozycji klatki 1 i klatki 2 pokazują poniższe rysunki : pliki pliki -> § Zasady ogólne pliki -> „o miecz juranda” spychowo 2015 pliki -> „o miecz juranda” spychowo 2014 pliki -> Powiatowy Przasnyski Konkurs Językowy- test dla klas IV 10 maja 2013 pliki -> Test dla klasy IV pliki -> Kryteria oceniania z języka angielskiego dla k pliki -> Poziom rozszerzony pliki -> System operacyjny ang skrót os operating S pliki -> Funkcja logiczna jeżeli pliki -> Plan zajęĆ II rok Wydział Mechaniczny, studia I stopnia semestr IV 2015/2016 Piątek, 8 kwietnia 2016 Pobieranie 22.63 Kb.
|
rzenosimy z biblioteki na scenę PRZYCISK
ozdzielamy tekst na mapy bitowe
ybierz klatkę OVER
pisz polecenie:
twórz dwie nowe warstwy: TŁO i PRZYCISKI
o klatki 2 warstwy TŁO wstaw klatkę kluczową