Les boutons

Actions d'image et actions d'objets, introduction à l'Action Script

Nous allons reprendre l'animation du fantôme. Nous allons donner la possibilité à l'utilisateur de lancer l'animation dès qu'il le souhaite. Par défaut l'animation se lance toute seule. Donc nous allons commencer par arrêter l'animation sur la première image.

1. Créer un nouveau calque que vous nommerez actions.

2. Placez vous sur l'image 1, ouvrir le panneau actions : fenêtre>action

3. Le panneau comporte deux fenêtres : la première possède six dossiers, c'est le premier qui nous intéresse : ACTIONS DE BASE. Pour ouvrir le dossier on clique dessus à l'intérieur on découvre des actions prêtes à l'emploi.

4. Vous double cliquez sur l'action stop, le code s'affiche sur la fenêtre de droite.

5. Lorsque vous refermez la fenêtre action vous devez avoir un « a » sur l'image 1. Cela vous indique qu'il y a une ACTION IMAGE.

6. Si vous testez votre animation, vous constatez que votre tête de lecture reste bloquée sur l'image1.

7. Nous allons créer un bouton : insertion> nouveau symbole>bouton. Vous placez votre bouton sur la scène.

8. Vous sélectionnez l'occurrence du symbole bouton et vous ouvrez le panneau action. Le panneau a changé : ce n'est plus ACTIONS d'IMAGE mais ACTIONS SUR OBJETS. Mais le contenu du panneau action est le même.

9. Vous sélectionnez l'action « play ». En plus de l'action « play », il y a un événement souris « on release ». Quand on sélectionne une action sur une occurrence de bouton l'évènement est par défaut « on release » (relâcher). Si vous voulez changer d'événement, vous devez sélectionner « on release » dans la fenêtre script et une liste d'événements apparaît, que vous pouvez choisir.

10. Si vous souhaitez changer d'événement, vous devez le sélectionner dans la fenêtre script et ensuite dans la liste des évènements de votre panneau action sur objets.

11. Pour notre exemple, nous laissons « on release ». Maintenant vérifiez si votre animation fonctionne.

12. Si vous voulez que votre animation s'arrête sur la dernière image, n'oubliez pas de placer une action stop

RAPPEL :

Actions d'image  : les actions sont des actions où l'utilisateur est passif, elles s'adressent à la tête de lecture. Il ne peut y avoir qu'un seul évènement déclencheur, c'est le passage de la tête de lecture.

Actions sur objets  : les actions sur objet s'exécutent à partir d'un bouton, l'utilisateur est actif, c'est lui qui déclenche l'action. Il peut y avoir plusieurs types d'évènements : le fait de survoler un bouton peut déclencher une action, le fait de sortir du survol peut en déclencher une autre.

Astuce  : Placer les Actions Scripts du scénario sur un calque nommé à part est une bonne idée. Votre projet peut devenir complexe et les calques bien nommés permettent de bien se repérer.

Les étiquettes images et les commentaires

Nous allons ouvrir l'animation sur le printemps.

1. Nous allons placer un bouton sur la scène sur l'image 1. fenêtre>action placer l'action « go to » (par défaut c'est go to and play qui s'inscrit). Dans le champs texte, inscrire 16. C'est   l'image qui correspond à l'interpolation de texte. Si nous testons l'animation, nous voyons que l'animation débute directement au texte, c'est ce que nous voulions.

2. Mais voilà si je modifie l'animation de la fleur, cela décale l'image 16 ! Pour éviter tout ennui, je vais donner un nom l'image vers laquelle je veux aller et ne pas utiliser un numéro d'image.

3. Je sélectionne l'image souhaitée et je la nomme « printemps » par exemple, maintenant un petit drapeau rouge indique le nom de votre image.

4. Maintenant que l'étiquette image est faite, nous allons modifier l'action sur le bouton. On sélectionne l'action « go to and play » dans la fenêtre script et à la place de numéro d'image on sélectionne étiquette image et dans le menu déroulant image on sélectionne « printemps ».

Vous avez aussi la possibilité de placer des commentaires sur des images pour vous permettre de mieux vous repérer. Pour placer un commentaire sur une image, vous procédez de la même façon que pour une étiquette. La seule différence c'est que dans le champs texte étiquette avant le texte vous placez les signes //.