Tutorial écrit par : Gasp - Oui-oui.org

Dans cette partie nous allons aborder le Tell Target. Souvent employé pour des barres de navigation ou des pages d'acceuil. Cette fonction permet l'apparition ou disparition d'un movie clip en un endroit donné. tout cela à partir d'un évènement de souris ou clavier (survol, keypress)
Voici l'exemple sur lequel nous allons travailler :

Vous avez Quatre zones réactives (boutons transparents) placées chacune au dessus de zones de texte statique.

Donc pour faire votre anim, créez vos zones de texte ainsi qu'un bouton transparent. Je répète la procédure pour expliquer à ceux qui savent pas comment on fait un bouton transparent.
Vous créez un nouveau symbole (CTRL+F8), choisissez comportement bouton.
Vous tracez un rectangle de la taille souhaitée sur votre première frame. Une fois réalisé, vous la sélectionnez et déplacez en quatrième position. Sur l'état HIT ou cliqué (en français).

Après vous n'avez plus qu'à faire glisser votre symbole depuis la bibliothèque (CTRL+L) sur la scène courante.

Ceci fait, créez vos MC (Movie Clips) qui apparaîtront au survol. Je suis resté sur quelque chose de très sommaire mais c'est libre à vous de faire ce que vous voulez (interpolation, assemblage de symboles...).
J'ai crée 4 symboles :
- carré
- rond
- etoile
- happy

Ensuite déplacez tout ce qu'il y a de courant sur votre première image-clé et déplacez le sur la seconde.
La première frame est alors vide. Ouvrez la fenêtre d'actions (F9) et placez y l'action :
stop();

Peut-être vous demandez-vous pourquoi nous faisons tout ça... Eh bien parce que vous allez placer le clip carré, etoile, etc sur la scène. Et pour éviter qu'au chargement de l'animation les symboles n'apparaissent, nous devons insérer une frame vide.

L'action stop(); stoppe la lecture naturelle du MC.

Maintenant faites glisser les Movie Clips sur la scène courante. Le rond blanc prouve qu'il figure sur la scène. Alignez-les avec les boutons correspondants et nommez-les :

N'oubliez surtout pas de nommer votre MC sinon la cible ne sera pas trouvée !

Sélectionnez le premier bouton et placez-y l'action suivante :

Petites explications rapides. C'est assez simple.

- on (rollOver) : survol de la souris
- on (rollOut) : sortie de survol de la souris

- tellTarget : Fonction qui appelle la cible Movie Clip désignée "..." "carré"
Lui ordonne de lire la frame n°2 et de s'y arreter. Si l'on avait mis gotoAndPlay, l'action aurait lu la frame 2 et serait ensuite passé à la première. Le tout toujours en boucle.

Et puis pour le rollOut, ben c'est le même principe sauf que l'on précise que si la souris sort de la zone de survol, alors la tête de lecture de l'anim. doit automatiquement se placer sur la frame 1, celle-ci étant vide.
Cool, non ?

Voilà et vous faites la même chose avec les autres boutons.

Pour conclure, vous pouvez très vite perfectionner et complexifier ce type d'anims. Vous pouvez communiquer d'un clip à l'autre en plaçant l'action getURL ou loadMovie :

En interne, communication avec un autre clip swf :

ou en externe vers des URL de votre choix :

C'est fini ! Les sources sont disponibles ici.
Pour toute question n'hésitez pas à vous rendre sur le forum de Script-Masters... Bossez-bien !

GAsp