Apprendre l'ActionScript

Écrit par : Jean-Michel Simard

Définition

ActionScript est le langage de programmation orienté objets du logiciel Flash, logiciel de dessin et d'animation vectorielle ayant pour but la diffusion sur le web. À la base Flash peut diffuser des dessins et des animations et ce, sans aucune programmation. Toutefois, le langage ActionScript permet de contrôler différents éléments du logiciel (tête de lecture, clips, sons, vidéos, etc.) ce qui ajoute grandement à la puissance du logiciel Flash et augmente ses utilisations possibles. Afin d'afficher correctement une application Flash, le lecteur Flash doit être installé dans le navigateur. Il est aussi important de noter qu'un lecteur Flash en version 6 ne pourra pas lire et afficher correctement une application utilisant les fonctionnalités d'un lecteur ultérieur. Une simple mise à jour du lecteur Flash règle le problème.

Ressemblant étrangement au JavaScript, l'ActionScript utilise la syntaxe pointée et supporte la plupart des standards de programmation (variables, classes, fonctions, tableaux, XML, etc.). Il génère des fichiers au format .swf.

Suivant les mises à jour logicielles, le langage ActionScript a migré de la syntaxe ActionScript 1.0 à celle de l'ActionScript 2.0, qui est présentement celle utilisée. Le changement de syntaxe a pour but d'optimiser le code, de le rendre plus performant et de faciliter le développement d'applications. Il est donc à prévoir dans les temps à venir une nouvelle migration vers la syntaxe ActionScript 3.0.

Les premiers pas:

Exemple de déclaration de variable avec la syntaxe ActionScript 2.0

var maVariable:String = "Hello World";
La déclaration de variable se lit comme suit :
(le préfixe)  (le nom de la variable) : (la classe de la variable) = (la valeur affectée);

Intégration de Flash

La façon d'intégrer du Flash dans une page web est la suivante :

<object width="550" height="400">
	<param name="movie" value="somefilename.swf">
	<embed src="somefilename.swf" width="550" height="400"></embed>
</object>

Vous y spécifiez le chemin vers le fichier Flash, la largeur et la hauteur.

Pourquoi 2 balises différentes ?

La balise < object >

Cette balise est lu par Internet Explorer

La balise < embed>

Cette balise est lu par Netscape, Mozilla, etc.

Afin d'être visible sur la page, le précédent code doit être placé entre les balises <body> et </body> de votre page.

Tutoriel

Voici un petit tutoriel montrant comment afficher facilement la date avec Flash.

Tout d'abord il faut créer un champ texte qui affichera l'heure :

  • 1. Sélectionner l'outil champ texte outil texte
  • 2. Créer un champ sur la scène Champs texte
  • 3. Sélectionner ce dernier, lui donner le nom d'occurrence heureTxt et choisir texte dynamique comme type de champ dans les propriétés Propriété texte
  • 4. Il faut ensuite placer le code sur la première image de la ligne du temps principale. Pour ce faire, il suffit de sélectionner la première image dans la ligne du temps Ligne du temps et d'appuyer sur F9 ce qui ouvre la fenêtre d'action, l'endroit où l'on va placer le code Code
  • 5. Il est maintenant possible d'ajouter notre programmation.
    • var maDate:Date = new Date();
//(on déclare maDate comme un Objet Date)

heureTxt.text =  maDate.toString();
//(on affecte le champ texte heureTxt avec la valeur de l'objet Date.toString qui retourne la date en format lisible)
  • 6. On peut donc voir dans notre fenêtre action : Code final
  • 7. La dernière étape est de compiler notre application. Il suffit d'aller dans les paramètres de publication de Flash (Fichier / Paramètres de publication) et de choisir l'emplacement ou l'on veut sauvegarder le fichier. PublicationIl ne reste alors qu'à publier le fichier. À ce moment, le logiciel Flash compile notre application dans le fichier laDate.swf

Le résultat final ?

Lorsqu'on lit le fichier laDate.swf on peut voir la date s'afficher:

Résultat final