Les actions script
Les actions Script correspondent au langage de programmation que l'on associe aux animations de Flash, il ressemble au langage Javascript.
Il permet d'ajouter aux animations de l'interactivité :
• En appuyant sur un interrupteur
• Selon la position du curseur de la souris
• Selon le comportement de la souris sur certains objets
• Grâce à l'utilisation des touches du clavier
• Grâce au temps qui passe (la tête de lecture qui défile)
Pour ajouter des actions sur une animation, on se place sur un calque à part, le calque action, que l'on place au-dessus de tous les autres dans le scénario. On ouvre la fenêtre actions qui se divise en deux parties :
• la partie gauche qui présente des dossiers qui se déplient et propose des actions que l'on peut insérer en double cliquant dessus
• la partie droite possède un cadre où s'affichent les actions que vous choisissez et les options qu'elles proposent
Il existe deux modes d'affichage : le mode normal et le mode expert. Nous allons apprendre des actions de base en mode non-expert. Lorsque l'on crée des actions, un petit « a » apparaît dans l'image clé.
Il existe deux principaux types d'actions :
- L'action sur objet qui se passe dans l'espace (bouton, clip)
- L'action sur image qui se passe dans le temps (numéro d'image, c'est la tête de lecture qui passe)
Dans le premier dossier Actions > contrôle de l'animation , on trouve des actions simples :
Stop : par défaut une animation Flash se joue en boucle. Pour l'arrêter, utilisez l'action stop.
Play : fait jouer l'animation lorsqu'elle est stoppée
GoTO : il agit sur la tête de lecture : aller à un endroit pour faire démarrer, sur une image (numéro d'image) ou sur une étiquette image.
StopAllSound : arrête toutes les musiques en cours
Le second dossier : Actions > navigateur regroupe des actions simples de commande sur la navigation Web :
Ce dans ce dossier que l'on trouve l'action :
Get URL : cette action permet de créer un lien de Flash vers une page Web .
Exemple d'action sur bouton:
Actions > Navigation > réseau > Get URL
On(release){
GetURL ("http:// www.google.fr ", "_blank ") ;
}
Cette action convient pour une adresse (mailto, pour http ou ftp) On choisit le mode d'affichage de la fenêtre : _self (remplace), _blank (nouvelle fenêtre), _top (écrase le jeu de cadre), _parent (remplace le cadre parent).
C'est dans ce même dossier : Actions > Navigateur que l'on trouve des actions concernant le chargement des animations : loadmovie et unload movie .
Load Movie : ne fonctionne pas seulement avec des animations mais aussi avec des clips. Vous pouvez utiliser cette fonctionnalité pour remplacer dynamiquement des clips d'animation sur la scène en les chargeant à partir d'une source externe au format swf.
Depuis Flash MX, le movie clip peut exécuter du code, avec l'action :
OnClipEvent :
Avec Flash, un clip peut exécuter du code mais pas de la même manière qu'un bouton.
OnClipEvent (mouseDown) {
GotoAndStop (10) ;
}
La tête de lecture ira sur l'image 10 du clip lui même et non sur l'image 10 de la scène.
OnClipEvent(mouseDown){
This.loadMovie("intro.swf")
}
OnClipEvent (mouseDown) {
Set property (this, _alpha, "0") ;
}
this : correspond à l'occurence du clip
Voici la liste des déclencheurs :
Load : les actions sont appliquées une fois, quand le clip est chargé
Enterframe : les actions sont appliquées sur chaque frame du clip
Unload : les actions sont appliquées quand le clip est déchargé
Mouse down : les actions sont appliquées quand on appuie sur le bouton de la souris
Mouse Up : les actions sont appliquées quand on relâche le bouton de la souris
Mouse move : les actions sont appliquées quand on bouge la souris
Key down : les actions sont appliquées quand on appuie sur une touche
Key Up : les actions sont appliquées quand on relâche une touche
Data : les actions sont appliquées suivant des variables
Exemple : Au chargement du logo, stopper
OnClipEvent(load){
Stop() ;
}
Les propriétés
X = coordonnées en abscisses
Y = coordonnées
Pour placer le clip sur l'axe des abscisses : 50px. monClip.x=50 ;
Exemple : lorsque l'on appuie sur une touche : l'occurrence est déplacée de 10px vers le bas :
onClipEvent(keydown){
This._y+=10 ;
}
Dans cet exemple, le groupe grandit de 5%de sa largeur et hauteur quand on déplace la souris sur la scène
balle.onMouseMove=function(){
this._xscale*=1,05 ;
this._yscale*=1,05 ;
}
xscale : largeur en %, yscale : hauteur en %,_width : largeur en pixels,_height : hauteur en pixels.
Alpha : valeur en % de à à 100. Exemple : en déplaçant la souris, l'occurrence finit par disparaître :
onClipEvent(mouseMove){
MonClip._alpha-=5 ;
}
Rotation = rotation d'une occurrence : de 180 à -180.
Pour déplacer un clip avec une souris : si vous appuyez sur le bouton, vous pouvez vous déplacer, le déplacement est contraint. On emploie l'action StartDrag.
monClip.startDrag()
balle.onMouseDown=function(){
this.startDrag (true,50,100,400,300) ;
}
balle.onMouseUp=function(){
this.stopDrag() ;
}
50=bord haut, 100 = en haut, 400 = à droite, 300 = en bas
|