Accueil
Tutoriels
  Préface Preface
 Créer son site Créer son site
 Tutoriaux Tutoriaux (163)
 Les 20 meilleurs cours TOP 20
 Astuces Astuces

 HTML HTML
 XHTML XHTML
 PHP/MySQL PHP/MySQL
 Javascript Javascript
 CSS CSS menu
 Photoshop Photoshop
 Flash Flash
 Swish Swish
Recherche :
 
autres
  Accueil Accueil

 Forum FORUM
 New Yoric News YoRiC
 Livre d'or Livre d'or
 Statistiques Statistiques
 Humour ++++

 Plan du site Plan du site
 Bannières Bannières
 Contacts Contacts
  

FLASH Play, Stop et GoTo
> > > > Posez une question dans le Forum ! < < < <
Insérer un tutorial !



Les actions les plus utilisées dans Flash sont sans nul doute play, stop et go to.
- play, joue l'animation, c'est à dire que l'animation va etre jouée du début ou de l'endroit ou elle a été arrêtée.
- stop arrête l'animation à une image. Pour continuer à jouer l'animation, il faut un play.
- Go to fait aller l'animation à l'image demandée, sans passer par les images intermédiaires.
Pour vous aider à mieux comprendre ces actions indispensables, nous vous proposons une animation, et nous vous guidons pas à pas comme d'habitude (nous irons assez vite sur certains points comme l'interpolation de mouvement car ça a ete vu auparavant).

1==> Créez une nouvelle animation (CTRL N) de hauteur 200 et de largeur 700.

2==> Complètement à gauche de l'animation, sur l'image 1, dessinez un rond que vous transformerez en symbole graphique. Créez deux nouvelles images clés (F6) aux images 20 et 40.

3==> A l'image 20, déplacez le rond complètement à droite de l'animation. Créez ensuite deux interpolations de mouvement entre les images 1 et 20 puis 20 et 40. L'animation ainsi créée doit faire se déplacer un rond de gauche à droite puis de droite à gauche puis de gauche à droite et ainsi de suite ...

4==> créez un nouveau calque que vous nommerez "actions". dessinez-y cela:


5==> Sélectionnez d'abord la flèche de droite, convertissez la en symbole mais choisissez "bouton" et donnez lui le nom de play. double cliquez dessus pour entrer dans le bouton et vous y trouverez cela :

6==> cliquez sur l'image cliqué et appuyez sur F6.( Les quatre images sont en fait les quatre états du bouton) . cliquez ensuite sur une des 3 premieres images et ecrivez play par dessus la flèche. Revenez ensuite à la scène principale (clic sur scène 1).

7==> Transformez chacun des 2 dessins restants en symboles, répétez ce qu'on a fait pour la flèche précédente sauf que vous devez changer le texte pour avoir cela :

8==> Cliquez droit sur "play", selectionnez actions dans le menu déroulant. La fenetre d'action apparait. Ouvrez actions de base sur la droite puis double cliquez sur play, vous aurez ca à l'écran :

explication : on (release) { }signifie que quand vous aurez relaché le bouton, ce qui est entre accolades sera exécuté. ici, nous avons un play, donc quand vous relachez le bouton, l'animation est jouée.

9==> ouvrez la fenetre d'acion pour les deux autres symboles. dans "stop", double cliquez sur l'option stop. Et sur "début" double cliquez sur goto. Vous pouvez facilement analyser la syntaxe de ces actions.

10==> Enregistrez votre animation Votre animation est terminée, vous pouvez maintenant voir ce que créent ces actions concrètement !!! Voila, l'explication est longue mais l'utilisation d'actions est très facile, surtout pour de petites choses comme ca ! A noter aussi que vouq avez appris, par la même occasion, à réaliser des boutons, éléments essentiels de toute animation interactive. Voici le résultat :

Ecrit par : YoRiC, lu 46825 fois [15] commentaires commentaire
imprimertelechargersuivant
Temps d'exécution : 0.05663 sec
 
personnes en ligne
 15 connectés
membres

Mémoriser ?



liens
noir
Beocia

partenaires :
PSDMag

PHP Splutions

www.joliespages.com

Tous droits réservés à yo-ric 2002 - 2007