Auteur : flashcbil
Date de création : 04-03-2005
Bouton simple
Dans ce tutorial, nous allons creer un bouton qui lancera une animation (dans notre cas une interpolation)
Etape 1
Dessinez un cercle en bas de l'animation, selectionnez-le puis faites F8 (ou clique-droit -> convertir en symbole). Donnez un nom au bouton (par exemple : "BoutonSimple"), selectionnez le champ "bouton" puis validez.
Etape 2
Doucle-cliquez sur le bouton pour rentrer a l'interieur. Vous remarquerez qu'il y a quatres images en haut dans le scenario : Haut, Dessus, Abaissé, Cliquable.
Inserez une image-clé dans la deuxieme image et la troisieme (la quatrieme n'a pas d'importance, moi j'insere une image simple). Changer la couleur de la deuxieme image et la troisieme. (Pour ma part, j'ai choisis bleu fonce pour la 1, bleu pour la 2 et bleu clair pour la 3). Testez l'animation pour voir la reaction du bouton avec la souris.
Etape 3
Ensuite, revenez a l'animation principal (en cliquant sur "Sequence 1" visible sur l'image du dessus). Ajouter un calque pour l'interpolation que nous allons faire (cliquer sur l'icone avec un + en dessous des calques). Renommez les calques pour mieux organiser le fichier (bien qu'ici ce ne soit pas genant).
Placer par glisser-deplacer le calque du bouton au dessus de l'autre (Cela permettra de changer la prorite d'affichage des elements, ainsi, si l'interpolation traverse le bouton, elle sera derriere et donc caché) .
Cliquez une fois sur l'image 1 du calque de l'interpolation. Nous allons creer l'interpolation.
Etape 4
Creer un carre dans l'animation puis convertissez-le en clip (ou en graphique) avec F8. Reconvertissez-le en clip. Doucle-cliquez pour rentrer dedans puis creez l'interpolation de mouvement (de 60 images par exemple). Mettez une action "stop" a la premiere puis a la derniere image. Generalement, on réserve un calque pour les actions de la scene.
Maintenant, revenez a l'animation principale puis cliquez une fois sur le carré (l'interpolation). Dans "Propriété" en bas, donnez un nom au clip dans le champ "Nom de l'occurrence", par exemple : "carre". Dans les actions que nous mettrons, le clip s'appellera donc carré.
Etape 5
{
carre.play();
}
press Le bouton de la souris est enfoncé alors que le pointeur se trouve au-dessus du bouton. release Le bouton de la souris est relâché alors que le pointeur se trouve au-dessus du bouton. releaseOutside Le bouton de la souris est relâché alors que le pointeur se trouve en dehors du bouton après l'enfoncement du bouton pendant que le pointeur est à l'intérieur du bouton. rollOut Le pointeur passe en dehors de la zone du bouton. rollOver Le pointeur de la souris passe au-dessus du bouton. dragOut Alors que le pointeur se trouve au-dessus du bouton, le bouton de la souris est enfoncé, puis le pointeur sort de la zone du bouton. dragOver Alors que le pointeur se trouve au-dessus du bouton, le bouton de la souris a été enfoncé, puis le pointeur sort du bouton et est ramené au-dessus du bouton. keyPress ("touche") La touche spécifiée est enfoncée.(cf Aide de Flash)
Testez l'animation. Vous remarquerez qu'a la fin de l'animation, le carre reste en position final et qu'il se remet en position initial avec un deuxieme clic puis se relance avec un troisieme clic.
Explication : l'action lors d'un clic sur le bouton est de lancer la lecture de l'animation "carre" que nous avons fais. Nous avons mis une action stop(); a la fin de l'interpolation, alors au deuxieme clique, comme il n'y a plus d'image, on revient a la premiere image et on s'arrete a cause du "stop" de la premiere image.
Supprimez l'action stop(); à la dernière image de l'interpolation puis testez. Vous pouvez aussi le remplacer par l'action gotoAndStop(1); et supprimez le premier stop();. Dans ce cas, le clip sera lu des le chargement de l'animation puis attendra un clic sur le bouton pour que l'animation se relance.
Vous pouvez également ajouter un deuxieme bouton avec comme code carre.stop(); au lieu de carre.play(). Ceci permettra d'arreter l'animation en cours de lecture et de la relancer avec le premier bouton.
Le tutorial est terminé.
Bonne chance !
a+
Commentaires
pas dta faute
merci, j'avais deja été sur ce blog...un sejour sympa gaché pendant quelques minutes par un tuto info...désolé.
lamotte
http://lamotte.vefblog.net/
Ok ! merci. (et c du rapide dis-donc
Sur quel blog il etait que j'aille y faire un tour ?
j'ai corrigé l'erreur "à la main" dans la base de donnée, et lancé la comande de reconstruction des deux blogs.
je pense avoir réparé l'erreur, bien que je n'en sois pas sûr vu que je ne suis pas certain de sa cause !
slt, j'ai en effet trouver bizarre que lors de validation reussi, l'article n'apparraissent pas...
J'ai pas tout compris, ils s'est mis dans un autre blog, et vous l'avez déplacer/remis dans mon blog ou il est en double sur un autre blog ?
En plus, il faut que je reedite l'article pour ajouter des saut de lignes et les liens vers les sources.
En plus de cela, ifrance a supprimer tout mes fichiers en mettant a jour son site. J'espere que j'ia tout conserve sur mon ordi...
http://www.vefblog.net/vefblog/Article_dans_un_autre_blog
mdr
lol, c dja arrivé... légo va crakoté... mais là lé pas là... il dépouille les votes pour la constitution! (quel admirable citoyen n'est-ce po
N'y aurait-il pas un gros gros bug là ?
Je reconnais le style d'articles de flashcbil, et la catégorie "Tutoriaux" fait partie de son blog. Je suppose donc qu'il a écrit un article et que celui-ci s'est retrouvé sur ce blog par on ne sait quelle erreur.