![[Fléche]](../images/defaut/icones/puce_navig.gif)
Tutorial Flash : Gestion du pavé directionnel
Introductions
Informations
Résultat
Ce tutorial explique comment permettre à l'utilisateur de déplacer un movie clip comme il le souhaite en utilisant les touches fléchées du pavé directionnel.
Cela permet par exemple de gérer le déplacement du personnage d'un jeu.
1. Créer un nouveau document flash
Il faut maintenant créer un nouveau document flash.Attribuez lui les propriétés suivantes :
- dimensions : 250 x 250 pixels (dimensions au hasard)
- couleur d'arrière-plan : blanc (à votre convenance).
- cadence : 12 images par secondes
- unité de la règle : pixels
2. Le movie clip
Nous avons besoin d'un movie clip (mc) afin de pouvoir le déplacer sur la scène.Cela pourrait très bien être un personnage que le joueur doit déplacer.
Vous pouvez donc importer une image ou en créer une sous flash : pour l'exemple j'utilise un cercle plein.
Convertissez ensuite votre image en movie clip .
Nous disposons maintenant de 2 variables que nous pourront manipuler dans les prochaines frames
3. Le nom d'occurance
Nommer un symbole (mc, bouton ou graphique) permet à Flash de le reconnaitre.Nous prouvons ainsi attribuer certaines actions à certains symboles en les appelant par leur nom d'occurrence.
Donnez ici le nom d'occurrence "objet" à votre MC
4. Un peu d'ActionScript
Il ne nous reste plus qu'à écrire un petit bout de code pour gérer le déplacement de notre "objet".Dans la partie "scénario" (en haut) cliquez sur la première frame afin de pouvoir y placer le code.
Le code à insérer :
Code-source : AS
this.objet.onEnterFrame = function()
{
if(Key.isDown(Key.UP)) this._y -= 4;
if(Key.isDown(Key.DOWN)) this._y += 4;
if(Key.isDown(Key.LEFT)) this._x -= 4;
if(Key.isDown(Key.RIGHT)) this._x += 4;
}
