Zmiana wyglądu kursora myszy we flashu (ActionScript 3.0)
czytano 145 razy|z 1 komentarzem
Co tu dużo mówić czy opisywać, prosty samouczek, a więc i prosty efekt. Zmienimy dzisiaj wygląd kursora naszej myszy używając do tego ActionScriptu 3.0. Ale aby lekko urozmaicić ten tutorial postanowiłem go w pewien sposób połączyć z poprzednim, gdzie jak mam nadzieję jeszcze pamiętasz wprawiliśmy oczy Dug’a w ruch. Tym razem nasz kursor zamieni się w uciążliwą muchę, dzięki czemu całość nabierze sensu: oczy psa podążające za latająca mu przed nosem muchą. Prawda, że sprytne?
Krok 1
Otwórz projekt z poprzedniego wpisu lub stwórz nowy dokument flash z obsługą ActionScript 3.0, a następnie przejdź do okna Document Properties (Ctrl+J) i wybierz stosowne wymiary (Dimensions), tło (Background color) oraz ilość klatek na sekundę (Frame rate) – tu wpisz wartość 26 fps.
Krok 2
Utwórz nową warstwę i nazwij ją kursor, po czym korzystając z narzędzia Brush Tool (B) narysuj małą muszkę:

Jeśli rysowanie sprawia Ci kłopoty możesz zaimportować do sceny gotową muchę klikając: File >> Import >> Import to Stage (Ctrl+R). Przekonwertuj ją w obiekt filmowy (Modify >> Convert to Symbol…) nadając jej nazwę cursor_mc:

Po przekonwertowaniu muchy w symbol (póki jest on jeszcze zaznaczony) przejdź do panelu Properties i w polu Instance Name wpisz cursor.

Krok 3
Stwórz nową warstwę i nazwij ją actionscript (a jeśli edytujesz nasz poprzedni projekt po prostu użyj istniejącej już warstwy o tej nazwie). Zaznacz jej pierwszą klatkę i wklej następujący kod ActionScript 3.0 klikając Window >> Actions (F9):
Mouse.hide();
Mouse.hide();
cursor.startDrag(true);
Gotowe, przetestuj swoja animację klikając Ctr+Enter:
źródło: flashfridge.com
Powiązane wpisy:
- Obiekty filmowe podążające za kursorem myszy w Adobe Flash CS4 Professional (trygonometria w ActionScript 3.0)
- Płynna animacja rozmycia tekstu w technologii Flash
- Stwórz swój własny wektorowy motyw morskich kafelek
- Modelujemy miskę dla naszego czworonoga
- Kolorowe buttony i Photoshop
- Rekonstruujemy oryginalne logo Google Inc.
Być może zainteresują Cię również inne artykuły o podobnej tematyce? Linki do nich znajdziesz powyżej! :)


Ale fajne. :) Podoba mi się pomysł z tą muchą. Ładna grafika we wstępie. Pozdrawiam!
RudeDude
9 wrz 2009 o 23:41