Flash tutorial: creating a simple button with Flash ActionScript 3.0

Aujourd’hui voici comment créer un simple bouton en Flash avec ActionScript 3.0

Exemple

[swf:/wp-content/uploads/2013/09/Simple_button_benoitfreslon.com_.swf 400 300]

Sources

Vous pouvez trouver le fichier .fla avec le code ActionScript à l’intérieur.

Télécharger les codes sources ici : Simple_button_benoitfreslon.com.fla

Commençons

  1. Ouvrir Flash > Créer un nouveau document ActionScript 3.0
  2. Insertion > Nouveau Symbol
  3. Nom:  Btn
  4. Type : Bouton
  5. Cliquer OK

Capture d’écran 2013-09-28 à 16.10.09

  1. Dessiner un bouton sur l’image Haut (Etat du bouton relâché)
  2. Dessiner un bouton différent sur l’image Dessus (Etat du bouton quand le souris se trouve dessus)
  3. Dessiner un bouton différent sur l’image Abaissé (Etat du bouton quand le bouton de la souris est enfoncé)
  4. Dessiner une forme de la zone de click.
  5. C’est terminé pour le bouton. Revenir sur la Scène principale

Capture d’écran 2013-09-28 à 16.18.25

  1. Ensuite sélectionner le Bouton depuis la scène
  2. Nommer le bouton dans le panneau Propriétés : mc_btn

simple_button_02

  1. Créer un nouveau Calque avec le nom : Actions
  2. Sélectionner ce nouveau calque
  3. Ouvrir le panneau Actions : Fenêtre > Actions ou avec la touche F9

simple_button_03

Copier et coller ce code dans la fenêtre Actions :

mc_btn.addEventListener(MouseEvent.CLICK, click);
function click(e:MouseEvent):void {
	// On click
	trace("click");
	navigateToURL(new URLRequest("https://www.benoitfreslon.com"));
}