Mettre mon site en page de damarrage
  Approfondissement des notions de Flash 5

 

 Fiche d'enrichissement 6

 
 
 
  Le déplacement à l'aide des flèches de direction du clavier .
Source tomart-flashie 
http://www.tomart-flashie.fr.fm

À télécharger: BALLON.WMF

  Présentation
Cette fiche vise à vous familiariser avec les événements du clavier. Vous allez apprendre à déplacer un clip (voiture, vaisseau, personnage ou autre) avec la fonction KEY.isDOWN dans FLASH.
  Pratique
  1. Lancez FLASH et sauvegardez immédiatement le fichier sous ficheSup6.fla.

  2. Sélectionnez «MODIFICATION, ANIMATION» La fenêtre de dialogue ci-dessous apparaît. Sélectionnez la couleur d'arrière-plan dont le code hexadécimal est #3399FF (bleu). Cliquez sur OK.

  1. Créez un nouveau symbole de type CLIP et importez l’image BALLON qui représente une montgolfière. Cliquez sur «MODIFICATION, GROUPER». Nommez le clip BALLON.

  2. Une fois votre symbole CLIP créé, revenez à la scène 1 et glissez-le dessus. À l'aide du panneau INFO, réglez la largeur de cette occurrence du clip à 100 et la hauteur à 110.

  3. Cliquez dessus avec le bouton droit de la souris pour accéder à la boîte de dialogue ACTIONS SUR OBJETS.

  4. Copiez le code suivant dans la partie de droite de la fenêtre des actions (mode Expert).

onClipEvent (load) {
               vitesse = 5;

onClipEvent (enterFrame) {
               if (Key.isDown(Key.LEFT))
               {
                    this._x -= vitesse;
                } 

   if (Key.isDown(Key.RIGHT))
               {
                    this._x += vitesse;
                } 

   if (Key.isDown(Key.UP))
               {
                   this._y -= vitesse;
               }
 

if (Key.isDown(Key.DOWN))
              
{
                   this._y += vitesse;
               }
}

La première partie du code permet de déclarer une variable (vitesse) avec une valeur de 5 lors de l'événement LOAD du clip vidéo.

Les quatre blocs suivants permettent au clip de se déplacer sur chacun des axes selon les flèches de direction du clavier
(Key.isDown(Key.LEFT)) signifie si la touche gauche est enfoncée et ainsi de suite pour la droite, le haut et le bas. L'instruction this._x - = vitesse; fait en sorte que votre objet ballon (this) puisse se déplacer à une vitesse (5) vers la gauche (car X - = ): le X négatif déplace donc vers la gauche.

  1. Testez l'animation (CTRL+ENTRÉE) et déplacez la montgolfière à l'aide des flèches.

  2. Pour que le ballon se déplace plus rapidement, vous n'avez qu'à augmenter le nombre d'images par seconde (ifs). Double cliquez sur sur la cadence (dans le bas de la ligne du temps, encerclé en rouge dans l’image ci-dessous). 

  1. La boîte de dialogue que vous avez utilisée pour changer la couleur de l'animation apparaît. Remplacez 12 par 30 dans la case CADENCE. Testez à nouveau : le ballon se déplace plus rapidement.

  2. Testez une dernière fois l'animation (CTRL+ENTRÉE) et sauvegardez-la.

  Résultat attendu: 

 
Webmaster : Auteur du site | © Design : LaCasaGoum.com
 



<-  Haut de page  ->