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

 

 Fiche d'enrichissement 3

 
 
 
  Premier essai en DRAG N’ DROP
Source : WebYo, atelier pratique #3
http://www.webyo.net
  Présentation
Une technique très utilisée dans les jeux de style puzzle, mémoire, ou même le jeu de l’âne est le glisser/déposer (drag n’ drop). Cette fiche vous en explique les bases.
  Pratique
  1. Lancez FLASH et sauvegardez votre fichier immédiatement sous le nom de ficheSup3.fla.

  2. Sur la scène, dessinez un cercle dont vous enlevez le contour et que vous transformez-le en un symbole graphique que vous nommez ROND.

  3. Effacez le symbole de la scène.

  4. Au menu INSERTION, choisissez Nouveau symbole et créez un nouveau symbole de type clip que vous nommez ANIM ROND.

  5. Glissez à l’intérieur de votre clip une occurrence du symbole graphique ROND.

  6. Faites-lui subir une ou deux transformations, à votre choix (aplatissement, agrandissement...), sur une vingtaine d’images ou plus.

  7. Glissez l’occurrence du symbole ANIM ROND sur la scène principale et cliquez avec le bouton droit de la souris sur ce dernier pour atteindre l’option ACTIONS. Saisissez le code suivant :  

onClipEvent (mouseDown) {
         StartDrag (rond, true);

}

onClipEvent (mouseUp) {
         StopDrag();
}

Vous pouvez créez le script en mode Expert mais revenez en  mode Normal et cliquez sur StartDrag pour cocher les cases «Verrouiller la souris au centre» et «Expression» comme dans l’exemple ci-dessous.

  1. Testez l’animation et sauvegardez à nouveau .

 

  Résultat attendu (exemple réalisé par Jean-Philippe Rioux-Bernier)

  Enrichissement
  • Pour compléter cette fiche, vous devez créer un petit jeu de l’âne ou toute autre variante d’un jeu où le drag n’ drop est utilisé. 
  • Sauvegardez sous FicheSupp_3B.fla.  
 
Webmaster : Auteur du site | © Design : LaCasaGoum.com
 



<-  Haut de page  ->