Accueil

Actions sur les MovieClip

Introduction
Syntaxe et terminologie
Les actions dans le temps
Les actions sur boutons
Les actions sur Clip
Les actions de navigation

Les actions sur l'objet Clip d'animation

L'action onClipEvent

Avec Flash MX, un clip peut exécuter du code mais pas de la même manière qu'un bouton.

Le gestionnaire d'événement onClipEvent (event) est lié à un événement sur un objet clip d'animation. Il se structure ainsi :

onClipEvent (événement) {

instructions;

instructions;

}

Par exemple :

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.

Une série d'évènements peut déclencher des actions, en voici la liste :

load Les actions sont appliquées une fois, quand le clip est chargé
unload Les actions sont appliquées quand le clip est déchargé
enterFrame Les actions sont appliquées sur chaque image du clip
mouseDown Les actions sont appliquées quand on appuie sur le bouton de la souris
mouseUp Les actions sont appliquées quand on relâche le bouton de la souris
mouseMove  Les actions sont appliquées quand on bouge la souris
keyDown Les actions sont appliquées quand on appuie sur une touche
keyUp Les actions sont appliquées quand on relâche une touche
data Les actions sont appliquées suivant des variables

Exemple  : Au chargement du clip, stopper :

onClipEvent(load){

      Stop() ;

       }

Les propriétés d’un clip

Pour appeler un clip il faut commencer par le situer sur la scène en tenant compte de l’arborescence. La scène principale est appelée"_root".

Les commandes de propriété vont vous permettre de changer la valeur d'un paramètre d'un symbole. Vous placez toutes les actions qui suivent sur l'action-clip, pas sur l'action image. la liste qui suit n'est pas exhaustive :

_alpha
L’occurrence (rond) peut être plus ou moins transparente, grâce à la propriété alpha. Cette valeur se situe entre 0 et 100%, le % ne s’écrivant pas. Le clip perd de son opacité lorsqu’on le survole.
 

Dans l'animation ci-contre j'ai placé une occurence de clip que j'ai appelé rond1.
J 'ai cliqué sur l'occurence afin d'entrer ce script dans la fenêtre "action clip" :

on (rollOver){
_root.rond1._alpha=30;
}
on (press){
_root.rond1._alpha=100;
}
Lorsque je survole le clip, il devient transparent à 30% et lorsque je clique dessus, il revient à sa couleur de départ.

_visible

 Cette commande permet de rendre visible ou invisible un clip. Ell accepte deux valeurs : 0 (invisible) ou 1 (visible).
 

Si je clique sur mon clip, il devient invisible :
on (press){
_root.rond1._visible=0;
}

_height
_width

Cette commande permet de modifier la taille du clip en hauteur. La valeur s’exprime en pixels.
Cette commande permet de modifier la taille du clip en largeur. La valeur s’exprime en pixels.
 

J'ai inséré sur l'occurence du dessus un code qui lorsque l'on clique dessus compresse le rond dans sa hauteur :
on (press){
_root.rond1._height=20;
}

Sur l'occurence du dessous, lorsque l'on clique dessus on compresse le rond dans sa largeur :

on (press){
_root.rond2._width=40;
}

_x


_y

Cette commande permet de spécifier la position en abscisse du clip. La valeur, en pixels, précise la position du clip en partant de la gauche de la scène.

Cette commande permet de spécifier la position en ordonnée du clip. La valeur, en pixels, précise la position du clip en partant du haut de la scène.
 

Sur l'occurence du haut, le clip se déplace en abcsisse :

on (press){
_root.rond1._x=20;
}

Sur l'occurence du bas, le clip se déplace en ordonnée :

on (press){
_root.rond2._y=200;
}

_xscale
_yscale

Cette commande permet de modifier la largeur du clip, en pourcentage et non en pixels.
Cette commande permet de modifier la hauteur du clip.
 

Lorsque l'on appuie sur l'occurence, le clip devient plus étroit :

on (press){
_root.rond1._xscale=20;
}

Lorsque l'on appuie sur l'occurence, le clip se réduit en hauteur :

on (press){
_root.rond1._yscale=80;
}

_rotation

 Cette fonction permet de d'effectuer une rotation sur un clip, elle accepte une valeur de ^ ^ 360.
 

Mon occurence va effectuer une rotation de 45° si je clique dessus :

on (press){
_root.rond1._rotation=45;
}

 

Incrémenter la valeur d'une propriété

Méthodologie : Déplacer et faire pivoter une occurrence en boucle.

1. Sélectionnez l'occurrence d'un clip
2. Nommez la brique par exemple.
3. Cliquez sur l'image clé de la timeline ou sur la scène
4. Cliquez dans la fenêtre Actions
5. Saisissez le script ci-dessous :

 

_root.onEnterFrame = function() {
brique._x+=1
brique._y+=1
brique._rotation+=1
};

Créer un texte défilant horizontal

1. Créez un texte statique
2. Sélectionnez le texte et le modifier en symbole
3. Créez un calque actions et placer dans l'image le script suivant :

_root.onEnterFrame = function() {
texteDefil._x+=-3
if (texteDefil._x<-710) texteDefil._x=+350
};

haut de page

©Laurence Jacquenod