Tutoriaux : ActionScript

Je reçois fréquemment des courriers de visiteurs qui me posent des questions sur la programmation avec ActionScript. Lorsque les questions sont suffisamment précises et que la réponse est susceptible d'éveiller l'intérêt de mes visiteurs je me fais un plaisir d'y répondre en écrivant un tutoriel. J'ai beaucoup appris sur les forums et j'ai décidé de "renvoyer l'ascenseur" en rédigeant et en publiant les réponses sur zoneflash.net.

Pour progresser avec ActionScript et trouver rapidement des réponses à vos interrogations, je vous conseille de fréquenter régulièrement les forums suivants :

 
Actuellement en ligne...
 
 Lire en boucle un fichier son 
Une petite variante d'un ancien tutoriel qui portait sur la lecture contrôlée d'un son. Désormais cette lecture se fera en boucle avec la possibilité de faire une pause.
Tutoriel lu 23289 fois - Réalisation : 14-07-2005
 Calcul des premiers termes de la suite de Fibonacci et approximation du nombre d'or. 
Ecriture d'une fonction ayant 4 arguments et permettant de calculer les premiers termes d'une suite de récurrence double. Utilisation d'une boucle for, de la fonction trace et concaténation des chaines de caractères.
Tutoriel lu 23291 fois - Réalisation : 12-04-2004
 Déplacement dynamique d'un clip en suivant une courbe tracée avec la fonction curveTo. 
La courbe est tracée à l'aide d'un unique appel à la fonction curveTo, autrement dit cette courbe est définie par 3 points.
Tutoriel lu 23292 fois - Réalisation : 15-07-2004
 Déplacement d'un clip en suivant une courbe tracée avec plusieurs appels à la fonction curveTo. 
La courbe devient plus complexe : dans cet exemple elle est définie par 14 points.
Tutoriel lu 23292 fois - Réalisation : 02-08-2004
 Contrôler un son : lecture et pause 
Un son a été importé dans la bibliothèque et deux boutons permettent respectivement de déclencher la lecture du son et de marquer une pause.
Tutoriel lu 23292 fois - Réalisation : 11-03-2005
 Placer un texte sur le périmètre d'un cercle 
Ce tutoriel vous permettra d'apprendre comment placer une à une les lettres d'un texte sur le périmètre d'un cercle en rotation autour de son centre. Comme tous les tutoriaux de ce site, ce placement est réalisé à l'aide de la programmation avec ActionScript.
Tutoriel lu 23293 fois - Réalisation : 05-04-2006
 Déplacement d'un clip entre deux points en suivant une trajectoire rectiligne. 
Un tutoriel qui permet de coder l' "interpolation de mouvement" d'un clip entre deux points dont on connaît les coordonnées.
Tutoriel lu 23294 fois - Réalisation : 22-06-2004
 Déplacement dynamique d'un clip en suivant les côtés d'un polygone. 
Les sommets du polygone sont définis par des clips placés "manuellement" sur la scène principale.
Tutoriel lu 23294 fois - Réalisation : 06-07-2004
 Tracer un polygone dont on peut déplacer les sommets 
Vous voulez tracer dynamiquement un polygone régulier et vous voulez autoriser les internautes à déplacer librement les sommets de ce polygone... alors c'est par ici !
Tutoriel lu 23294 fois - Réalisation : 17-01-2006
 Placement et redimensionnement d'un clip à l'aide de la souris. 
Un carré se trouve dans la bibliothèque de l'animation. Comment placer dynamiquement des occurences de ce clip sur la scène et modifier les facteurs d'echelle pour obtenir des rectangles ?
Tutoriel lu 23295 fois - Réalisation : 23-09-2004
 Projection d'un point sur une droite 
Ce tutoriel est la solution à un problème très mathématique : je veux placer le projeté d'un point sur une droite parallèlement à une direction donnée... Quelques notions de maths s'imposent pour comprendre parfaitement ces explications.
Tutoriel lu 23295 fois - Réalisation : 30-04-2005
 Tracer dynamiquement une étoile 
Comment tracer dynamiquement une étoile à l'aide des fonctions moveTo(), lineTo(), beginFill() et endFill() ? Ce tutoriel détaille la réalisation d'un prototype qui vous permettra de tracer des étoiles de formes variées en modifiant simplement quelques paramètres.
Tutoriel lu 23295 fois - Réalisation : 11-12-2005
 Placer des clips sur une grille. 
Vous disposez d'un clip dans votre bibliothèque et vous souhaitez placer des occurrences de ce clip sur la scène principale en formant une grille définie par le nombre de lignes et de colonnes... c'est par ici !
Tutoriel lu 23296 fois - Réalisation : 05-01-2005
 Ouverture de différentes pages dans une pop-up à l'aide de boutons flash 
Variante d'un précédent tutoriel expliquant l'ouverture d'une pop-up à l'aide d'un bouton flash. Désormais, nous avons plusieurs boutons qui doivent ouvrir des pages différentes dans une même pop-up...
Tutoriel lu 23299 fois - Réalisation : 26-07-2005
 Tracer une portion de disque. 
Ce tutoriel vous détaillera la réalisation d'un prototype qui à l'aide des fonctions graphiques (moveTo, lineTo, lineStyle, beginFill et endFill) permet de tracer un secteur angulaire défini par une mesure d'angle et un rayon.
Tutoriel lu 23303 fois - Réalisation : 25-11-2005
 Déclencher le largage d'une bombe à l'aide du clavier 
Ce tutoriel vous apprendra à créer de l'interactivité à l'aide de votre clavier... Vaguement inspiré du jeu "space invaders", l'animation que vous réaliserez utilise les lois de la physique pour simuler la trajectoire d'une bombe lancée d'un vaisseau en déplacement.
Tutoriel lu 23330 fois - Réalisation : 13-01-2006
 Flash 8 : création d'un filtre de couleur avec la classe ColorMatrixFilter 
Pour modifier les couleurs d'un clip, d'une image ou d'un objet BitmapData, rien de plus simple que d'utiliser les filtres fournis par la classe ColorMatrixFilter. Ce tutoriel vous présente quelques filtres classiques que vous pourrez utiliser dans vos propres animations.
Tutoriel lu 23421 fois - Réalisation : 12-02-2006
 Ouverture d'une pop-up à l'aide d'un bouton flash 
Il s'agit de montrer comment il est possible d'exécuter une fonction JavaScript lors d'un clic sur un bouton flash intégré dans une page web.
Tutoriel lu 23431 fois - Réalisation : 29-01-2005
 Charger et exploiter les données d'un fichier XML 
10 000 nombres sont stockés dans un fichier XML. Ces nombres représentent les ordonnées de 100 points au cours du temps et ont été obtenus par l'utilisation d'un appareil de mesure... Ce tutoriel vous apprendra à charger les données dans une animation flash puis à les exploiter pour tracer successivement 100 graphiques.
Tutoriel lu 23718 fois - Réalisation : 28-01-2006
 Chargement de variables se trouvant dans un fichier texte. 
Les propriétés d'un clip se trouvant sur la scène (abscisse, ordonnée, hauteur et largeur) sont définies dans un fichier texte dont le contenu est chargé dans une animation flash.
Tutoriel lu 24663 fois - Réalisation : 09-11-2004
 Flash 8 : Déterminer dynamiquement la couleur d'un pixel 
Je vous propose un tutoriel tout à fait inédit puisqu'il s'agit de vous présenter une des nouvelles fonctionnalités du flash player 8 qui est désormais capable de déterminer la couleur d'un pixel d'une photo ! Les innovations graphiques qui peuvent découler de cette amélioration vont être très nombreuses...
Tutoriel lu 25347 fois - Réalisation : 20-07-2005
 Faire trembler un clip qui se trouve sur la scène principale. 
Le tout sans aucune interpolation de mouvement... rien que du code. Les souvenirs du lycée sur les suites géométriques permettent d'interpréter ce petit bout de code.
Tutoriel lu 25897 fois - Réalisation : 28-12-2004
 Rotation d'un clip autour d'un point. 
Le problème est simple : vous disposez de deux clips (un carré et une croix) et vous voulez faire tourner le carré autour de la croix à l'aide d'actionscript afin de contrôler parfaitement les paramètres qui définissent cette rotation (rayon, sens et vitesse de rotation).
Tutoriel lu 25964 fois - Réalisation : 14-12-2004
 Des yeux qui suivent le déplacement du curseur. 
Une question lue sur le forum d'hélioflash : comment faire en sorte que les yeux d'un personnage suivent le déplacement d'un clip ?
Tutoriel lu 26956 fois - Réalisation : 12-11-2004
 Flash 8 : utilisation de la classe BlurFilter pour créer un effet de texte 
Ce tutoriel vous présentera une utilisation des nouvelles fonctionnalités de Flash 8 : désormais il est possible d'appliquer des effets de flou à des clips. Vous apprendrez également à créer dynamiquement des champs de texte et à formater leur contenu.
Tutoriel lu 27401 fois - Réalisation : 17-11-2005
 Clignotement d'un clip 
Un visiteur de zoneflash m'a formulé une demande très spécifique. Je vous fais profiter de ma réponse qui ne vous servira certainement pas à grand chose mais il est possible que la fonction mathématique étudiée puisse vous rendre quelques services... L'objectif est de faire clignoter de manière cyclique et répétitive un clip qui se trouve sur la scène. Le tout étant réalisé avec du code uniquement sans interpolation de mouvement ou de forme.
Tutoriel lu 28695 fois - Réalisation : 28-01-2005
 Tracé d'un texte manuscrit 
A l'aide de l'outil crayon de flash vous avez tracé dans un clip un texte manuscrit ou une ligne, une courbe quelconque. Vous aimeriez que cette courbe se trace au fur et à mesure. C'est par ici...
Tutoriel lu 29302 fois - Réalisation : 11-03-2006
 Simuler la chute d'un corps avec ActionScript 
Les interpolations de mouvement n'offrent pas assez de souplesse pour simuler de manière réaliste une pluie ou la chute de flocons de neige. En revanche, avec ActionScript et quelques connaissances en sciences physiques, simuler la gravité est à la portée de tous les débutants en programmation...
Tutoriel lu 30525 fois - Réalisation : 16-04-2005
 Déplacement élastique d'un clip. 
Un clip oscille de manière élastique autour d'une cible dont on peut modifier la position par un clic dans la scène. Ce tutoriel vous propose une interprétation de l'élasticité en utilisant les notions physiques de force, de vitesse, d'accélération et de position.
Tutoriel lu 32688 fois - Réalisation : 05-10-2004
 Interpolation de mouvement : technique du "easing". 
Vous êtes nombreux à me demander comment j'ai réalisé le déplacement horizontal de la variation n°2 du tutoriel "défilement interactif d'une série d'images". Tous mes secrets sont dans ce tutoriel !
Tutoriel lu 32922 fois - Réalisation : 28-10-2005
 Flash 8 : création d'un spot lumineux 
Grâce aux nouvelles fonctionnalités de Flash 8 et notamment grâce aux filtres, il est désormais possible de jouer avec la transparence des masques.
Tutoriel lu 37266 fois - Réalisation : 07-02-2006
 Faire apparaître un texte lettre par lettre. 
Un effet qui permet de capter l'attention des visiteurs et de donner un peu de vie aux zones de texte. La fonction String.substr() permet également quelques fantaisies...
Tutoriel lu 38214 fois - Réalisation : 06-11-2004
 Effet graphique obtenu à l'aide de masques et d'une photo. 
Des masques, une photo prise aux Jardin des Plantes, du code (attachMovie, onEnterFrame, propriétés _width et _height d'un clip) et hop voici un petit effet graphique sympathique : plusieurs personnes m'ont demandé le code source, le voici avec quelques commentaires.
Tutoriel lu 38809 fois - Réalisation : 15-05-2004
 Création d'un texte défilant 
A l'aide d'ActionScript uniquement vous allez créer un texte qui défilera de droite à gauche : ce texte contiendra un lien hypertexte et l'utilisation d'un filtre permettra de faire disparaître le texte avec un effet de "brouillard".
Tutoriel lu 41860 fois - Réalisation : 26-02-2006
 Création d'un diaporama avec un effet de masque 
Présentation de 6 photos avec une transition réalisée avec un effet de masque. Les images sont chargées dynamiquement et l'ensemble du diaporama est obtenu avec ActionScript. Ce tutoriel est une application de la technique du easing et du tutoriel intitulé "tracer dynamiquement une étoile".
Tutoriel lu 43418 fois - Réalisation : 29-12-2005
 Flash 8 : Création d'un masque avec un effet de flou 
La classe BlurFilter permet de créer des effets de flou. Ce tutoriel vous explique dans le détail comment utiliser un des nouveaux filtres proposés par flash 8.
Tutoriel lu 48096 fois - Réalisation : 04-10-2005
 Défilement interactif d'une série d'images 
Des images sont alignées horizontalement. A l'aide de la souris, on veut pouvoir les faire défiler latéralement de la gauche vers la droite ou dans le sens contraire. Ces images ont toutes le même format et sont chargées dynamiquement. Le survol d'une image permet d'afficher un court commentaire propre à chaque image.
Tutoriel lu 57994 fois - Réalisation : 25-07-2005
 
Les prochains tutoriaux
 
Envoi d'un courrier électronique
Une animation flash très utile : l'internaute est invité à remplir un formulaire, puis un clic sur un bouton flash permet d'envoyer les renseignements fournis sous la forme d'un email.
Chargement et affichage de données à partir d'un fichier xml
Un tutoriel qui trouvera de nombreuses applications : gestion et affichage des news sur un blog, création de QCM, affichage d'une petite base de données... Le contenu de l'animation se trouve dans un fichier xml (crée avec un rudimentaire éditeur de texte) et flash vous permet de charger ces données et de les afficher : ainsi on peut séparer la forme de l'animation de son contenu...
Création d'un QCM
Ce tutoriel vous permettra de réaliser un questionnaire à choix multiple ultra simple : une vingtaine de questions, trois propositions de réponse pour chaque question, une seule bonne réponse parmi les trois propositions et une note à la fin du questionnaire...