Présentation de la liste des tutoriaux de cette page
Principalement orienté sur le texte son intégration et sa manipulation au sein d'animation Flash, cette série de tutoriaux vous permettra de mieux gérer et utiliser les champs texte. Vous trouverez les tutoriaux suivants sur cette page:
- Le texte statique et les assenceurs
- Le texte dynamiques et les assenceurs
Le texte statique et les assenceurs
Une manière rapide et directe de mettre en place le principe d’assenceur pour du texte reste d’utiliser une interpolation de mouvement entre le texte enroulé et le texte déroulé. On place ensuite un effet de masque par dessus, plus deux boutons pilotant cette TimeLine imbriquée, et le tour est joué. Vous pouvez télécharger les fichiers nécessaires flash_as_7_1.fla, ici.
En fait dans cet exercice nous allons simplement voir comment gérer les effets de masque.
L’effet de masque s’obtient en ajoutant un calque immédiatement au dessus du calque à affecter. En faisant un click droit (Ctrl Click) sur la partie en tête du calque nous optenons un menu déroulant correspondant aux propriétés du calque. Le premier sera choisit comme ”Masque”, le suivant comme ”Masqué”.
Plusiseurs calques inférieurs peuvent être affecté par cette propriété. Pour les désactiver, il suffit de mettre la propriétés de calque sur ”Normal”. Voici ci-contre le menu déroulant et la fenêtre des propriétés.
Les masques ne gérent pas les couches alpha. Donc nous ne pouvons pas obtenir d’effet d’opacité dégradé. Tout éléments placés sur le calque ”Masque” laissera passer le signal du calque Masqué. En clair, là où l’on place de la matière sur le Masque, le masqué apparîtrat. On peut aussi déposer des Clip animé. (Avec Flash 5, il faut utiliser des graphiques animés a la place.
Pour faire défiler le texte, il suffit d’utiliser une interpolation de mouvement, au travers d’un masque. Par contre avec cette méthode il n’est pas possible de charger du texte dynamiquement et d’adapter l’interpolation en fonction de la longuer
du texte. Nous verons dans le prochain exercice comme gérer cela.
Pour le code des boutons, il suffit de piloter la TimeLine du MovieClip contenant l’animation d’interpolation du texte. La complexité vient du fait que sur le bouton nous n’avons que la gestion de l’évènement ”Press” ou ”Release”, mais pas ”Pendant que la souris est baissé”. Donc noutre texte defilera par accoups. Afin d’implémenter une fonctionalité plus souple, nous allons utilisé les ClipEvent.
Sur le clip contenant le texte, nous allons placé un ClipEvnet (load) qui initialisera une variable de controle, et sur le ClipEvent (enterframe) on controlera la valeur de cette variable, si elle vaut:
- pour la valeur 0
- Le texte ne bouge pas
- pour la valeur 1
- le texte se deplace positivement
- pour la valeur -1
- le texte se déplace négativement
Les scripts de boutons affecteront cette variable. Voici les divers scripts nécessaires, d’abord les boutons:
on (press) {
deplace = 1; // le deuxi me bouton sera // deplace = -1;
}
on (release, releaseOutside, rollOut) {
deplace=0;
}
Sur le clip on placera,
onClipEvent (load) {
deplace = 0;
}
onClipEvent (enterFrame) {
if (deplace == 1) {
this.prevFrame();
} else if (deplace == -1) {
this.nextFrame();
}
}
Le texte dynamiques et les assenceurs
Nous avons vu précedemment comme gérer les variables dans Flash. Nous avons aussi constaté que ses variables pouvaient aussi être contenu par des acteurs Textes. Une des particularités de Flash étant l’encapsulation, il nous est facile alors d’imaginer de charger ces textes de manière dynamique, et nous avons a cet effet une fonction tout indiqué qui est loadVariables(). Vous pouvez télécharger les fichiers nécessaires flash_as_7_2.fla, ici.
La construction sera plus basique que dans l’exercice précédent. Cette fois ci simplement un MovieClip contenant un champ texte (Dynamique applelé ”letexte”) et deux boutons.
Sur la scène est placé ce MovieClip (ayant pour nom d’occurence ”LeCadreTexte”), plus un bouton et un autre champ texte (Saisie appelé ”fichier”) qui permettra a l’utilisateur d’indiquer le fichier texte à ouvrir. Dans notre cas nous avons trois fichiers textes prévu a cet effet et nommés respectivement, ”11-”TexteCourt.TXT”, ”11-TexteMoyen.txt” et ”11-TexteLong.txt”.
Pour charger une variable depuis l’exterieur, flash a besoin de trois paramètre precis. 1- Le nom de la variable a affecter contenu directement dans le fichier texte sous la forme mavariable= blablabla.... (attention a l’eventuel espace compris entre le nom de la variable et le signe égal). 2- Le chemin d’acces complet du fichier texte. 3- L’endroit où se trouve imbriqué la variable a affecter dans le fichier Flash.
- Reprennons tous les fichiers textes et verifions qu’ils debutent tous par ”letexte=Texte Court Début du texte... Si”... etc... letexte etant le nom de notre variable. Il peut y avoir tout type de caractères a la suite du signe égal , hormis le signe ”&” qui lui permettrais d’ajouter une autre variable a charger au meme niveau. Tous les autres caractères ne causeront aucun soucis de fonctionalités si ce n’est le fait que certaines adaptation ASCII ne suivront pas par exemple ”, “Est vetus” devient ”ÔøΩst vetus”. Nous verrons ultérieurement comment parser le texte et le rendre compatible avec tous les systèmes et ne pas subir de déterioration. Seul les textes accentués sont succeptibles d’etre modifiés.
- Dans notre cas nous allons construire une chaine composé de ”11-Texte” + la variable saisie + ”.txt”. Dans certains cas, si nous nous apercevons de certaines disfonction au niveau du chargement, il est préferable d’avoir recours au chemin absolu (http://www.serveur.com/dossier/fichier.txt”).
- Nous allons donc charger notre fichier texte a l’intérieur même du MovieClip ”LeCadreTexte”.
Du coté de l’action Script, seule les ligne de chargement du fichier et celle du pilotage du déroulement du texte changent. Pour le chargement nous indiquerons le chemin d’acces au fichier suivit de l’emplacement où nous desirons le charger:
on (release) {
loadVariables("11-Texte" + fichier + ".txt", "_root.LeCadreTexte");
}
Et pour le deroulement du texte, les boutons de commande possèdent le même code que dans l’exercice précédent, seul le MovieClip est affecté d’un ClipEvent plus simple. En effet il existe une fonction d’objet texte .scroll qui permet de derouler le texte qu’il contient.
onClipEvent (load) {
_root.deplace = 0;
}
onClipEvent (enterFrame) {
letexte.scroll += _root.deplace;
}
