Contrôler une occurrence et naviguer sur la scène
CHAPITRE 4
119
Rappelons qu’un clip possède un scénario interne qui peut contenir des images et des
images-clés utilisées alors pour générer une animation. Toutefois, il sera parfois plus
pratique de réaliser une animation dans un symbole plutôt que de la créer sur le scénario
principal d’une animation.
Dans cet exemple, nous avons tout d’abord réalisé une animation dans un clip. Nous
souhaiterions maintenant la contrôler pour pouvoir visualiser chaque image, l’une après
l’autre, dans un sens ou un autre. Nous aurions pu commencer par placer la fonction
stop() sur la première image-clé du clip afin que la lecture de son occurrence ne soit pas
automatique, mais nous l’avons fait dans le script principal, sur la première image-clé de
l’animation, en faisant référence au nom de l’occurrence plante : plante.stop(). Au lancement de l’animation par le raccourci Ctrl-Entrée (Windows) ou Commande-Entrée (Mac),
le clip est donc figé sur la première image-clé de son scénario. Il ne nous reste plus qu’à
programmer deux occurrences de clip pour contrôler la position de la tête de lecture.
Les deux occurrences, intitulées btPlusTot et btPlusTard, qui ont été placées sur la scène
sont utilisées pour déplacer la tête de lecture de l’occurrence qui contient notre animation
constituées d’images-clés (figure 4-36). Voici le script qui les gère.
plante.stop();
btPlusTot.addEventListener(MouseEvent.CLICK,reculerTete);
btPlusTard.addEventListener(MouseEvent.CLICK,avancerTete);
function reculerTete(evt:MouseEvent) {
plante.prevFrame();
}
function avancerTete(evt:MouseEvent) {
plante.nextFrame();
}
Comme expliqué précédemment, la première instruction bloque la tête de lecture du
scénario du clip qui contient l’animation.
Ensuite, deux gestionnaires, accompagnés de leurs écouteurs, ont pour fonction de déplacer
la tête de lecture sur l’image suivante ou précédente.
Si nous souhaitions relancer la lecture du clip, il faudrait utiliser l’instruction suivante :
plante.play();
Remarque
La fonction est bien prevFrame() et non previousFrame().
Note
Les fonctions gotoAndStop() et gotoAndPlay() fonctionnent également sous la même condition, c’està-dire en les préfixant du nom de l’occurrence plante.gotoAndStop.
CHAPITRE 4
119
Rappelons qu’un clip possède un scénario interne qui peut contenir des images et des
images-clés utilisées alors pour générer une animation. Toutefois, il sera parfois plus
pratique de réaliser une animation dans un symbole plutôt que de la créer sur le scénario
principal d’une animation.
Dans cet exemple, nous avons tout d’abord réalisé une animation dans un clip. Nous
souhaiterions maintenant la contrôler pour pouvoir visualiser chaque image, l’une après
l’autre, dans un sens ou un autre. Nous aurions pu commencer par placer la fonction
stop() sur la première image-clé du clip afin que la lecture de son occurrence ne soit pas
automatique, mais nous l’avons fait dans le script principal, sur la première image-clé de
l’animation, en faisant référence au nom de l’occurrence plante : plante.stop(). Au lancement de l’animation par le raccourci Ctrl-Entrée (Windows) ou Commande-Entrée (Mac),
le clip est donc figé sur la première image-clé de son scénario. Il ne nous reste plus qu’à
programmer deux occurrences de clip pour contrôler la position de la tête de lecture.
Les deux occurrences, intitulées btPlusTot et btPlusTard, qui ont été placées sur la scène
sont utilisées pour déplacer la tête de lecture de l’occurrence qui contient notre animation
constituées d’images-clés (figure 4-36). Voici le script qui les gère.
plante.stop();
btPlusTot.addEventListener(MouseEvent.CLICK,reculerTete);
btPlusTard.addEventListener(MouseEvent.CLICK,avancerTete);
function reculerTete(evt:MouseEvent) {
plante.prevFrame();
}
function avancerTete(evt:MouseEvent) {
plante.nextFrame();
}
Comme expliqué précédemment, la première instruction bloque la tête de lecture du
scénario du clip qui contient l’animation.
Ensuite, deux gestionnaires, accompagnés de leurs écouteurs, ont pour fonction de déplacer
la tête de lecture sur l’image suivante ou précédente.
Si nous souhaitions relancer la lecture du clip, il faudrait utiliser l’instruction suivante :
plante.play();
Remarque
La fonction est bien prevFrame() et non previousFrame().
Note
Les fonctions gotoAndStop() et gotoAndPlay() fonctionnent également sous la même condition, c’està-dire en les préfixant du nom de l’occurrence plante.gotoAndStop.