Pas encore membre ? Enregistrez-vous ! | Identifiants égarés ?
Fermer

Gestion du pavé directionnel

  • Introduction
  • Informations
Gestion du pavé directionnel Ce tutoriel 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.  
Netger
  • Auteur : Netger
  • Publication : 26 juin 2006 20:36
  • Consultations : 3333
 

1. Nouveau document

Il faut maintenant créer un nouveau document flash.
Gestion du pavé directionnel image 1 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.

Gestion du pavé directionnel image 2 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

Gestion du pavé directionnel image 3 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".
Gestion du pavé directionnel image 4 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 actionscript
  1. this.objet.onEnterFrame = function()
  2. {
  3. 	if(Key.isDown(Key.UP)) this._y -= 4;
  4. 	if(Key.isDown(Key.DOWN)) this._y += 4;
  5. 	if(Key.isDown(Key.LEFT)) this._x -= 4;
  6. 	if(Key.isDown(Key.RIGHT)) this._x += 4;
  7. }
 
 
  • Rédiger un commentaire
  • Afficher les commentaires (0)
Vous devez être identifié pour poster un commentaire
Aucun commentaire