Tutorial ten opisuje jak zastąpić systemowy kursor wskaźnikiem „własnej roboty”. Zabieg ten nie wymaga dużo pracy, a daje bardzo ciekawy efekt.
Zaczynamy oczywiście od utworzenia nowego dokumentu (Ctrl + N). Następnie tworzymy nowy movie clip (Ctrl + F8) i rysujemy w nim swój wymarzony kursor.
Należy pamiętać żeby „czubek” myszki znalazł się dokładnie w punkcie (0,0). Tak wykonany klip filmowy przeciągamy z biblioteki (Ctrl+L) na scenę.
Gdy kursor jest gotowy pozostaje nam już tylko napisanie odpowiedniego skryptu. Ułatwimy to sobie zaznajamiając się z kilkoma metodami obiektu Mouse odpowiedzialnego za wyświetlanie kursora myszki we flashowych animacjach: Mouse.hide(); – ukrywa wskaźnik myszy, Mouse.show(); – wyświetla wskaźnik myszy, _xmouse – zwraca współrzędną x, pozycji myszki, _ymouse – zwraca współrzędną y, pozycji myszki,
Zatem skrypt wyglądać będzie tak:
| onClipEvent(load) { //gdy klip się załaduje, ukryj systemowy wskaźnik myszy Mouse.hide(); } onClipEvent(enterFrame) { //w każdej klatce przypisz klipowi współźędne _x i _y //równe z _x i _y kursora systemowego (wcześniej ukrytego) this._x = _root._xmouse; this._y = _root._ymouse; } |
Skrypt ten przypisujemy wskaźnikowi myszy. Aby poprawić efekt można zwiększyć ilość wyświetlanych klatek na sekundę (fps).
W ten sposób można łatwo uzyskać ciekawy efekt, lecz należy pamiętać o kilku zasadach:
- Nie przesadzaj. Łatwo, bowiem sprawić, aby użytkownik poczuł się zagubiony i zdegustowany, a to będzie się wiązało z wyłączeniem okna z twoją stroną.
- Kursor kształtem powinien przypominać wskaźnik systemowy, czyli strzałeczkę, choć od tej zasady są wyjątki (np. gry flashowe, w których kursor jest celownikiem)
- Zmodyfikowany wskaźnik nie powinien odbiegać klimatem od twojej strony
- Odwiedzający twą stronę powinien od razu intuicyjnie rozpoznać kursor
To już koniec. Teraz jesteś już gotów do zrobienia swego własnego kursora, życzymy udanych praktyk 😉
