Tvorba vlastného kurzora vo Flash

V mnohých prípadoch potrebujeme vylepšiť Flash aplikáciu vytvorením vlastného kurzora. Pri použití ActionScript 2 ide o veľmi jednoduchú záležitosť.

Najprv si vytvoríme dizajn nášho nového kurzora, napríklad taký ako je tento:
Ukážka kurzora vo Flash

Keď máme dizajn hotový, skonvertujeme ho na MovieClip [F8] a pomenujeme napríklad “kurzor”.

Náš MovieClip zostal na Stage a preto možeme dvojklikom vojsť priamo do módu v ktorom náš MovieClip môžeme editovať.

To čo potrebujeme je nastaviť, aby sa “vrchol” kurzora prekrýval s “Registration point” (krížikom), tak ako je to zobrazené:

Nastavenie Registration pointu kurzora

Toto je dôležité, pretože ak by bol “Registration point” kurzora napríklad na zobrazenom mieste, reagovali by na tento kurzor napríklad tlačítka už vo chvíli, ako by sme nad ne vošli “krížikom”, lenže mi chceme aby bol hlavný bod na ktorý bude aplikácia reagovať tam, kde náš kurzor začína.

Keď sme vrchol kurzora správne umiestnili, može sa dvojklikom mimo kurzora vrátiť naspäť do módu v ktorom editujeme Stage a dať nášmu MovieClipu (kurzoru) jeho unikátne meno (InstanceName).

Nazvime si ho napríklad “kurzor_mc”. To že názov končí “_mc” zabezečí, že pri písani v ActionScript nám editor bude pri pristupovaní k vlastnostiam a metódam tohto MovieClipu poskytovať pomôcky, pretože táto prípona editoru povie že ide o MovieClip.

Instance name kurzora

Teraz si vytvoríme novú vrstvu, ktorú nazveme “Actions” (aj keď môžeme ju nazvať aj akokoľvek inak).
Označíme prvý Frame na vrstve Actions a otvoríme editor pre ActionScript [F9].

Kód ktorý zapíšeme je veľmi jednoduchý:

kurzor_mc.startDrag("true");
Mouse.hide();

Teraz môžeme aplikáciu otestovať [Ctrl]+[Enter] a vidíme, že kedykoľvek vojdeme myšou do priestoru našej Flash aplikácie, zmení sa kurzor myši na ten, ktorý sme si vytvorili.

Reklamy

Pridaj komentár

Zadajte svoje údaje, alebo kliknite na ikonu pre prihlásenie:

WordPress.com Logo

Na komentovanie používate váš WordPress.com účet. Odhlásiť sa / Zmeniť )

Twitter picture

Na komentovanie používate váš Twitter účet. Odhlásiť sa / Zmeniť )

Facebook photo

Na komentovanie používate váš Facebook účet. Odhlásiť sa / Zmeniť )

Google+ photo

Na komentovanie používate váš Google+ účet. Odhlásiť sa / Zmeniť )

Connecting to %s

%d bloggers like this: