Je eigen custom muisaanwijzer

_{door W0utah op 05-01-2007}

Een aangepaste muiscursor is eigenlijk leuk voor op alle website's, maar je moet er niet meer overdrijven.

In deze tutorial gaan we leren om een eigen cursor te maken in flash.
muis
button als muis




ontwerp en registratie punt
Het eerste wat we gaan doen is een muis tekenen die je wilt hebben als cursor, je kan om te beginnen gewoon een vierkantje tekenen, later kan je deze naar eigensmaak inrichten.

Let wel op dat het registratie punt, het puntje van je muis moet zijn, als je dit niet doet zal de namaakcursor afwijken van de echte muispositie.

Nadat je het vierkant hebt getekend gaan we deze omzetten naar een movieclip, dus selecteer je muistekening en druk op F8.
In het schermpje wat opkomt geef je een naam in en selecteer movie als type.
Als dat gebeurt is selecteer je de movieclip en geef je hem een instancename, deze is zeer belangrijk, ik ga hem muis noemen.



actions
Om alle actions mooi te kunnen bijhouden gaan we een nieuwe laag maken, noem deze actions en zet er direct een slotje op zodat er geen objecten in deze laag kunnen komen.

Selecteer de eerste keyframe in de tijdlijn en open het actions paneel (F9 of window->actions).


Wat we in de eerste regel gaan doen is de standaard muis van flash verbergen, hiervoor bestaat de eenvoudige code


Op de tweede regel gaan we onze eigen muis vasthangen aan de "onzichtbare muis" die we zojuist hebben verborgen, dit doen we met de volgende code.

muis.onMouseMove dit zal worden uitgevoerd wanneer we de muis bewegen.


dit stukje zal ervoor zorgen dat de positie van het object, in ons geval het vierkant dus zal vasthangen aan de positie van de muis.

updateAfterEvent();
zoals de naam zegt, updaten na een gebeurtenis.
Wanneer de muispositie verandert zal deze worden geupdate.

muis is de instancename van de muis clip.


Resultaat:




button als muis
Om het de bezoeker een beetje leuker te maken kunnen we ook een "button" als muis gebruiken.
Onze code blijft hetzelfde, maar vermits deze niet werkt op een echte button zullen we naar een andere oplossing moet zoeken.

Dubbelklik op je muis clip zodat je naar het edit scherm gaat, en maak je een 2de keyframe aan in de tijdlijn.
In het 2e keyFrame verander je de kleur van het vierkant.
Zet nu in elk keyFrame een:

Als je dit niet doet zal je jouw muis constant van kleur zien veranderen omdat hij een loop blijft afspelen.

Ga nu weer naar de main scene, dit kan je doen door boven je timeline op "Scene 1" te drukken.

Ga naar het frame waar de actions instaan en vul daar onderstaande code in:


dit gaat er simpelweg voor zorgen dat de movieclip zich als een button gaat gedragen.

onPress betekent dat dit gaat gebeuren wanneer je klikt met je muis, dan gaat hij dus die tweede frame afspelen.
Waar je muis van kleur verandert.

onRelease betekent dat dit gaat gebeuren wanneer je de muis loslaat, hij gaat nu terug naar de eerste frame.

Resultaat



einde
Hopenlijk heb je hier wat uit geleerd, met wat fantasie kan je gekke cursors maken zoals hieronder.

Vanalles nogwat muis


SLOME MUIS