Séquence de pré-chargement | Pré-charger un 2ème film | Musique on/off | Boutons animés
Nouvelle fenêtreLiens

Créer un bouton animé

L'animation la plus courante pour un bouton est celle qui se déclenche lorsque la souris survole un bouton.
Quelque soit l'animation que l'on veut, on commence par créer un movie clip, qui représentera l'état "over " du bouton.

Ensuite il y a deux possibilités :

1 - Ouvrir le bouton en mode 'Edition', placer ce movie clip dans la frame 'Over', en l'alignant correctement par rapport à la frame 'Up'.

2 - Glisser/déposer le bouton sur la scène,
Même chose pour le movie clip sur lequel vous aurez pris soin d'affecter un label dans la 1ère frame de son anim.
Nommer le MC,
Puis pour le bouton, lui affecter l'action : on rollover > tell target "nom MC" > goto and play "label".

La 1ère méthode fonctionne sans problème. La seule chose qui n'est pas très esthétique, c'est que lors d'un rollout, l'animation disparait brutalement. Affaire de gout.

La 2ème méthode permet des animations plus fluides, apparition et disparition progressives. Elle offre aussi une plus grande liberté de modification, amélioration, etc...du fait que l'anim n' est n'est pas 'coincée' à l'intérieur du bouton lui-même.

Enfin, pour avoir une animation après le clic du visiteur, ne pas essayer d'insérer un movie clip dans la frame "Down" du bouton...puisque dès le clic, le système réagit pour envoyer autre part.
Dans l'exemple ci-dessous, sur le bouton 2, l'évènement "On Release" est redirigée vers une partie de la scène et dans la dernière frame de cette partie, on insère une action. Ici Get URL.

Fichier source au format Zip (110K)

<IMG SRC="boutons-2.html" WIDTH=400 HEIGHT=200 BORDER=0>

 

Email