Atelier Flash : ma quatrième animation

Pour créer un texte défilant, il faut d’abord créer un texte. Choisissez l’icone texte de Flash, positionnez votre curseur à l’endroit de votre choix, cliquez et tapez votre texte.

Par défaut, le bloc de texte s’allonge au fur et à mesure du texte. La petite poignée ronde en haut à droite du bloc de texte indique cet état de longueur variable :

Un cliquer-déplacer sur la poignée ronde permet de figer la largeur du bloc de texte :

Un double clic sur la poignée carrée permettrait de revenir à une longueur de bloc variable.

Conservons une largeur fixe et continuons de saisir notre texte. La fenêtre de propriétés, que l’on fait apparaître en cliquant sur "Fenêtre" et "Propriétés", permet de varier la police, la taille, la couleur, etc.

NB : l’icone du A barré à droite de l’icone italiques permet de lisser ("aliaser") ou non le texte.
Vous pouvez aussi activer l’option "Crénage automatique" pour appliquer un espacement optimum entre les lettres.
Si vous saisissez une adresse url dans la case à gauche de "cible", vous créez un lien hypertexte depuis le bloc de texte vers la page Web indiquée.

Cliquons sur "Texte statique" pour choisir "Texte dynamique" (en effet, le texte va défiler). Du coup, la poignée carrée passe en bas à droite. Attribuons-lui "textedefil" comme nom et choisissons "Multiligne" plutôt que "Une seule ligne".
Pour fixer sa largeur une fois pour toute, maintenez la touche [MAJ] enfoncée et double-cliquez sur le carré qui doit devenir noir [1].

Création du défilement

Avec les versions de Flash MX jusqu’à 2004, la suite était toute simple : il suffisait d’aller chercher l’outil "barre de défilement" (scrollbar) dans les "composants" (cliquez sur "Fenêtre", puis "panneaux de développement", puis "Composants") et de le déposer à côté du bloc texte. Mais Macromedia a jugé bon de supprimer la scrollbar dans sa version MX 2004…

Si vous travaillez avec cette version de Flash, ouvrez le fichier source .fla de notre exemple joint à cet article.

Pour télécharger le fichier source de notre exemple, cliquez ici.

Cliquez sur notre barre de défilement pour la sélectionner et effectuez un copier-coller sur votre fichier .fla, par exemple à droite de votre bloc texte.

Vérifiez dans les propriétés du composant scrollbar que l’option "Target TextField" porte bien le nom de votre bloc de texte. Vous pouvez modifier les dimensions de votre barre de défilement en intervenant sur sa largeur et sa hauteur dans la fenêtre de propriétés.

Testez votre défilement l’animation en cliquant sur "Contrôle" puis "Testez l’animation" ou Ctrl + Entrée (vérifiez bien que votre texte dynamique est multiligne, sinon le défilement n’opère pas).

Petit aperçu sur le langage Actionscript

Si vous cliquez sur "Fenêtre" puis "Panneaux de développement" et "Action", vous accédez aux codes Actionscript [2] associés à la barre de défilement. Sans le savoir, vous avez créé tous ces codes en installant votre barre de défilement. Ils sont ici assez compliqués mais nous y reviendrons une prochaine fois de façon plus simple.