Catégories

Texte libre

Le webring Flash francophone

W3C

  • Flux RSS des articles

Recommander

Mardi 21 mars 2006

Plutôt que se lancer dans une animation compliquée en lettre par lettre, il est très simple d'appliquer un effet de machine à écrire en AS. Voici la méthode à suivre :


Sur la première image clef de votre animation, insérez ce code :
compteur=0;

Créez une deuxième image clef et dessinez  une zone de texte dynamique et sur cette image. Donnez lui le nom de variable "message". Sur cette même image, insérez le code :

texte = "Entrez ici le texte que vous voulez voir apparaitre";
message=texte.substr(0,compteur);
compteur+=1;

Créez une troisième image clef. Insérez ce code :

if (compteur ==texte.lenght -1)
   {
     stop();
   }
else
   {
     gotoAndPlay(2);
  };


Explications :
"compteur " est le nombre de lettre à afficher à chaque boucle de l'animation.
A chaque passage, on va extraire grâce à la méthode substr le nombre de caractère définit par "compteur" et l'afficher dans la zone de texte message.
"compteur" s'auto incremente à l'image clef 2 grâce à la commande +=1;
Vous pouvez en modifiant cette variable modifier le nombre de caractères à chaque passages.
Il est possible d'améliorer ce script en réduisant le nombre d'image clef en utilisant la méthode de temporisation par interval.

Un ptit exemple :

 

La source du fichier


Par Nicoeum - Publié dans : Actionscript
Ecrire un commentaire - Voir les 15 commentaires - Recommander
Retour à l'accueil

Commentaires

Script tres simple et très efficace. Merci, je l'utilise avec satisfaction.

à un détail près :
Il faut corriger dans l'image 3  et mettre :

if (compteur == texte.length +1)

à la place de :
 if (compteur == texte.lenght -1)
Commentaire n°1 posté par liev le 22/04/2006 à 12h00
Oui vraiment pas mal ce petit tuto.
Une petite erreur par contre.

if (compteur = =texte.lenght -1)

Il y a un espace entre les deux symboles "="
Faudrait l'enlever
Commentaire n°2 posté par Neossj le 06/07/2006 à 18h21
Merci pour les remarques.
Je fais la modif
Commentaire n°3 posté par nicoeum le 06/07/2006 à 19h02

Bonjour,


Désolé mais même en suivant le tut. rien ne se passe.


En tant que débutante il y a surement un truc à coté duquel je passe. Si quelqu'un peut m'expliquer ou me dire où je peux trouver une source .fla afin que je l'étudie pour l'appliquer au site que je suis en train de faire.


Merci par avance

Commentaire n°4 posté par Mag le 12/01/2007 à 16h38
Salut,

Je tenais vraiment à te féliciter pour ce petit tuto très bien fait !!

Heureusement qu'il y a des gens comme toi pour aider des newbies comme moi

Encore merci et bonne continuation !!
Commentaire n°5 posté par ravimade le 22/01/2007 à 23h48

un grand merci a toi ce code fut un gain de temps exceptionnel, moi qui suit un noob en flash, cela m'a permis d'éviter une animation image par image longue et fastidieuse.


 

Commentaire n°6 posté par fiou le 01/02/2007 à 00h54
Bonjour,

Votre effet fonctionne parfaitement, mais j'aimerais y ajouter de la couleur à certains de mes mots, j'ai donc pour cela tenter d'ajouter des balises HTML dans mon action script comme ci-dessous mais cela ne fonctionne pas, on voit le code html.

texte = "BIENVENUE,
SUR MON BLOG";
Commentaire n°7 posté par Maxence le 18/06/2007 à 15h03
tres simple et tres éfficace que demander de plus
juste une petit question: comment changer les caractère du texte je veux utiliser un autre font!
merci
Commentaire n°8 posté par lotfi le 13/07/2007 à 23h19

parfait tout ca mais savez vous comment je pourrais appliquer cet effet a tout un texte et pas seulement a une ligne. Je m'explique je voudrais faire apparaitre les lignes d'un texte une a une mais pas a la suite je veux que la 2ème ligne remplace la premiere et la 3ème ligne remplace la 2ème etc et tout ca a partir d'un fichier texte deja tapé...


 


C'est clair non?lol j'ai cherche partout mais comme je suis pas anglophone et pas programmeur j'ai pas trouve de solution.


help me merci


 


dymytry

Commentaire n°9 posté par dymytry le 27/12/2006 à 23h06
Je ne comprend pas pour moi ca ne marche pas...
Alors j'ai télécharger la source du fichier en exemple j'ai réussi a faire les modifs dessus et ca marche mais quand je fais pareil ou meme que je copie le tout sur mon propre fichier ca marche pas... a la creation de ton fichier tu as fais quelque chose de special?
merci
Commentaire n°10 posté par annso le 10/02/2008 à 22h03
Help!!!
Je n'y arrive pas , pourtant j'aimerais tellement utiliser cet effet.
Merci de m'y aider.
jE PENSE AVOIR TOUT FAIT? CHANGER L4ERREUR DE L4IMAGE 3.
Quelqu'un pourrait m'aider?
Commentaire n°11 posté par deline le 24/02/2008 à 11h19
Ce tuto me plait bien mais j'ai en fait remarqué le seul probleme lors de la copie de ton .fla sur un nouveau fichier, il s'agit du nom de variable qui ne sexporte pas, et je ne comprend pas pourquoi...
Commentaire n°12 posté par anonime le 24/06/2008 à 16h18
j'ai essayer votre code mais quand je teste l'animation cela me met des erreur pourriez vous m'aider
Commentaire n°13 posté par didier le 02/07/2008 à 22h09
merci pour ce code il est vraiment facile a faire et surtout il marche du tonnerre meric encore j'en ai essayé avant qui ne fonctionnaient pas super
Commentaire n°14 posté par rodarie le 28/07/2008 à 22h54
Merci pour ce tuto simple et qui marche surtout !!!!!!
Mais j'aurais une petite question :
Dans mon animation j'ai mis un calque pour l'effet machine à écrire mais je voudrais pouvoir une fois l'effet machine à écrire terminer pouvoir lire les images suivantes afin d'y mettre d'autre animation sur d'autres calques. Mais mon pb c'est que mon animation s'arrete à la fin de l'effet machine à écrire....

Si quelqu'un a une idée je suis preneuse.

Et merci encore pour le tuto
Commentaire n°15 posté par debo le 01/08/2008 à 09h40
Créer un blog sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus