login  Naam:   Wachtwoord: 
Registreer je!
 Tutorials

Tutorials > Flash


Gegevens:
Geschreven door:
Abbas
Moeilijkheidsgraad:
Gemakkelijk
Hits:
10916
Punten:
Aantal punten:
 (4.6)
Aantal stemmen:
5
Stem:
Niet ingelogd
Nota's:
 Lees de nota's (9)
 

Tutorial:

Eigen cursor in FLash

1. Inleiding
2. Voorbeeld
3. Wat gebruiken?
4. Stap1
5. Stap2
6. Stap3

1. Inleiding
Dit is een vrij eenvoudige tutorial om je eigen cursor in Flash te maken.
In het voorbeeld hieronder kan je zien wat de uiteindelijke bedoeling is,
je kan natuurlijk bij het maken je eigen cursor tekenen.
TIP: zet de 'fps' van je flash-file bvb op 48 fps anders gaat het vrij schokkerig.


 top
2. Voorbeeld



 top
3. Wat gebruiken?

Om de eigen cursor te maken hebben we niet veel nodig, nl:

- twee layers
- een movieclip
- een klein beetje ActionScript



 top


4. Stap1: Aanmaken van layers
Maak twee layers aan. De eerste (bovenste) layer geef je de naam 'actions'
en de tweede layer geef je de naam 'cursor'.




 top
5. Stap2: MovieClip maken

1. Nu maken we een MovieClip. Open het menu 'Insert' en klik op 'New Symbol...' of druk op 'CTRL + F8'.
    Selecteer 'MovieClip' en geef deze een naam. Druk op OK. Je komt dan in een venster waar je je eigen cursor kan gaan
    tekenen. Let er bij het tekenen op dat de punt van je cursor op het kruisje staat van het tekenveld (nulpunt x - en y - as).
    Als je daar geen rekening mee houd dan kunnen er problemen ontstaan met bijvoorbeeld het aanklikken van een knop.
    Het voorbeeld hieronder toont dit aan.




2. Als je klaar bent met tekenen keer je terug naar de hoofdscene. Sleep je MovieClip vanuit de Library op de hoofdscence in de
    eerste frame van de layer 'cursor'.
    Klik op de MovieClip en geef deze de instance name 'cursor_mc'.
    Dit is nodig om de MovieClip vanuit het stukje ActionScript aan te roepen.




Voorbeeldje:
                                 


 top


6. Stap3: ActionScript

Selecteer de eerste frame van de layer 'actions' en open het ActionScript-paneel. Open het menu 'Window' en selecteer 'Actions' of druk op 'F9'. Hier schrijven we het klein stukje ActionScript voor onze cursor. Dit is het:

Mouse.hide();
startDrag(cursor_mc, true);

De eerste regel zorgt ervoor dat we de cursor van Windows gaan verbergen.
De tweede regel zorgt ervoor dat we de MovieClip met instance name 'cursor_mc' overal meenemen naar waar we de muis bewegen.

Sluit nu terug het ActionScript-paneel, sla je werk op en test je movie.

Klik hier om de .fla te downloaden!


 top

Ik hoop dat ik jullie iets nuttigs heb kunnen bijleren.
PS: stem aub over deze tutorial...

Mocht deze tutorial nog niet helemaal voldoen aan je verwachting, bezoek dan mijn website voor een eventuele geupdate tutorial. mvg vinTage




« Vorige tutorial : motion tween Volgende tutorial : neon tekst »

© 2002-2022 Sitemasters.be - Regels - Laadtijd: 0.01s