29 réponses à ce sujet

[patrice_willemy]

Bonjour à tous,
Je suis à la recherche d'un effet style panneau d'affichage de gare (défilement de lettres, chiffres..)
Auriez-vous une astuce, un code ?
Ce serait super gentil !
Merci pour vos réponses
Très cordialement

[hugo.ratiney]

Bonjour et bienvenue sur le forum Mediabox! (pour une fois c'est moi qui le dis )
Je vais essayer de te faire ça...

[anthonybouchereau]

Dans le livre "120 scripts pour Flash 8", il y a un exemple d'affichage en mode "aeroport".
Le script est téléchargeable là :
http://www.yazo.net/eyrolles/archives/MANI...TIONDUTEXTE.zip
et dans le zip c'est
Manipulation du texte > traitementTexte > Aeroport.fla

[hugo.ratiney]

Et voilà:
C'est pas de la haute technologie, mais l'effet est là!
Si c'est ce que tu voulais, je t'envoie la source en .fla

Fichier(s) joint(s)

• 
  
  - Afficher le SWF -
  
   DEFILE.swf   96 Ko   676 téléchargement(s)

[obefa]

salut HugoTR,

c'est tout à fait cet effet que je cherche.. serait-il possible d'avoir le fla..?

merci !!

[Monz]

Bonjour HugoTR,

Ce genre d'effet est souvent demandé, si tu peux poster le .fla ou la source pour tout le monde, merci.

[hugo.ratiney]

Voilà mon FLA, il est très facile à utiliser car c'est un composant.
Par contre je l'ai fait y a longtemps, donc il est en AS2.
Si quelqu'un le veut en AS3 je le fais.
Il y a un paramètre qui permet d'afficher le message lettre par lettre, mais je l'ai désactivé ici pour que ce soit plus rapide.

Fichier(s) joint(s)

•  WORDDEFILE.fla   144 Ko   275 téléchargement(s)
• 
  
  - Afficher le SWF -
  
   WORDDEFILE.swf   111,11 Ko   278 téléchargement(s)

Modifié par HugoTR, 03 janvier 2010 - 01:45 .

[Chrystel]

Premier message posté ici ^^
J'appartiens enfin à cette communauté =)

Je poste rapidement ce message afin de savoir s'il était possible d'avoir cet effet de texte en AS3 ?!
Je te remercie par avance, Hugo.

A bientôt.

[hugo.ratiney]

Bienvenue à toi!
Je vais te le poster en AS3, doit pas y avoir grand chose à changer.
Par contre j'ai pas prévu de retour à la ligne: soit il faut mettre assez d'espaces, soit tu fais plusieurs objets.

[hugo.ratiney]

Voilà, je t'ai fait une classe TexteDefilant:
Il a besoin aussi de la classe Letter, mais t'as juste à le mettre dans le même répertoire.
Je te mets le fla, car le clip de la lettre qui défile est indispensable.
Alors il ne supporte que les 26 lettres et le retour à la ligne ("\n").
Pour changer le texte, tu détruis l'objet et t'en fais un autre!
Si tu veux d'autres caractères ou changer le texte sans supprimer l'objet, par exemple dis toujours.
Voilà un exemple d'utilisation (là j'ai pas mis de c cédille pasque on peut que mettre les 26 lettres habituelles):

import TexteDefilant;
var panneauDaffichage:Sprite = new TexteDefilant("Hello\nca va?");
stage.addChild(panneauDaffichage);
panneauDaffichage.x = 50;
panneauDaffichage.y = 100;
 

Fichier(s) joint(s)

•  textdefil.fla   832 Ko   178 téléchargement(s)
•  TexteDefilant.as   687 octets   119 téléchargement(s)
•  Letter.as   515 octets   110 téléchargement(s)

[Chrystel]

Aaaaaaaah Hugo, je te remercie
J'espère pouvoir me débrouiller avec tout ce que tu m'as donné.

Bon début de soirée à toi =)

[hugo.ratiney]

Pas de quoi,
bonne nuit

[Somasan]

Bonjour,
juste une question rapide,

comment faire pour integrer des chiffres dans le defilement?

Merci de votre aide

HugoTR, le 02 février 2010 - 04:13 , dit :

Voilà, je t'ai fait une classe TexteDefilant:
Il a besoin aussi de la classe Letter, mais t'as juste à le mettre dans le même répertoire.
Je te mets le fla, car le clip de la lettre qui défile est indispensable.
Alors il ne supporte que les 26 lettres et le retour à la ligne ("\n").
Pour changer le texte, tu détruis l'objet et t'en fais un autre!
Si tu veux d'autres caractères ou changer le texte sans supprimer l'objet, par exemple dis toujours.
Voilà un exemple d'utilisation (là j'ai pas mis de c cédille pasque on peut que mettre les 26 lettres habituelles):

import TexteDefilant;
var panneauDaffichage:Sprite = new TexteDefilant("Hello\nca va?");
stage.addChild(panneauDaffichage);
panneauDaffichage.x = 50;
panneauDaffichage.y = 100;
 

[hugo.ratiney]

Oui, si tu les rajoute manuellement
Regarde dans le clip lettre, il y a toutes les lettres qui défilent, si tu réussis à ajouter les chiffres, et que tu nommes correctement les labels, d'après ce que je me souviens, ça marche.
Mais bon, c'est un peu fastidieux, il faudrait refaire le truc pour que ce soit facile à modifier.

[dldler]

Bonjour,

je suis très en retard sur ce coup, mais je devais le faire aussi pour un projet.
Voici donc ma version…

C'est une version plus 'réaliste' mais surtout plus souple sur la gestion de l'alphabet.

Vous trouverez dans l'archive en pièce jointe :
- le fichier fla
- 2 fichiers de classe : Lettre et Ligne

Le principe :
- une ligne est un alignement… de lettres.
- chaque lettre affiche les caractères d'un alphabet jusqu'à ce qu'elle tombe sur le caractère qu'elle doit afficher

La Lettre : c'est simplement un champ de texte, pris en sandwich entre 2 png.
Donc, vous pouvez modifier les png si l'aspect des cases ne vous convient pas, la typo, la taille, via l'IDE en éditant le symbole 'Lettre'.
Dans la classe Lettre, vous pouvez modifier la variable 'alphabet' et ajouter ou enlever des caractères selon l'effet voulu.
Evidemment, plus il y a de caractères dans l'alphabet, plus le résultat final se fait attendre.

La ligne : c'est juste un rectangle gris foncé.
Vous pouvez agrandir ce rectangle en largeur en éditant le symbole Ligne (ne confondez pas avec la largeur du clip).
Le nombre de lettres affichées sera recalculé en fonction de la largeur de ce rectangle.
Pour afficher un panneau plus ou moins grand, jouez sur la largeur du clip lui même. Ou son échelle.

Le fichier fla : montre un exemple de panneau réalisé via l'IDE, un autre réalisé par le code.
Un bouton et un champ de texte de saisie permettent de modifier le contenu des panneaux.
Tout le code est situé sur l'image 1 du scénario principal.

Il y a beaucoup de commentaires partout, merci de les lire avant de poser des questions

Enjoy.

Fichier(s) joint(s)

• 
  
  - Afficher le SWF -
  
   panneau aeroport.swf   5,4 Ko   256 téléchargement(s)
•  panneau aeroport.zip   14,31 Ko   148 téléchargement(s)

[dldler]

Enregistré en CS3 :

Fichier(s) joint(s)

•  panneau aeroport.zip   23,25 Ko   105 téléchargement(s)

[radjiv]

Cette version 3 ne marche pas du tout ... que peut-on faire, c'est bien dommage tout ça !

[dldler]

Cette version marche très bien… chez-moi sur une CS3, au boulot sur la CS4…

… en fait si tu as un souci tu devrais le décrire pour que l'on puisse t'aider.

Il te manque peut-être juste la typo ?

[radjiv]

surement voila l'erreur que j'ai à l'execution:
Lettre.as 1046: Type was not found or was not a compile-time constant: TextField.

(erreur ligne 19---> lettre.text = c;)

Modifié par radjiv, 13 juillet 2010 - 04:18 .

[dldler]

radjiv, le 13 juillet 2010 - 04:14 , dit :

surement voila l'erreur que j'ai à l'execution:
Lettre.as 1046: Type was not found or was not a compile-time constant: TextField.

Rajoute la ligne suivante juste après 'package {' dans la classe ou se trouve l'erreur :

import flash.text.TextField;

Tout devrait rentrer dans l'ordre.
J'ai effectivement déjà eu un soucis dans ce sens en regressant un fichier fla de CS4 vers CS3.

Si tu réussis à te servir de la classe, ça serait sympa de nous montrer ce que tu en as fait. Merci.

[radjiv]

Effectivement tout semble fonctionner.
Je montrerais le résultat et la source du projet seulement à la fin, c'est promis ; du moins si j'arrive à la fin de mon projet ...

Modifié par radjiv, 13 juillet 2010 - 05:16 .

[djfox]

Salut
Comment faire pour pouvoir afficher plusieurs ligne avec chacune un texte différent au chargement?
Car le script est très bien et je souhaiterai l'utiliser dans un projet
Merci

[dldler]

En créant plusieurs clips du même type… il n'y a pas de raison…

Ou se situe ta difficulté ?

[djfox]

Justement, j'ai dupliqué le clip et a chaque fois c'est le texte par défaut de ligne.as (ligne 17)

[dldler]

Et bien tu donnes un nom différent à chaque clip
et sur la première image de ton scénario tu fais un :

clip1.ecrire("Le texte de la première ligne");

clip2.ecrire("Le texte de la deuxième ligne");

clip3.ecrire("Le texte de la troisième ligne");
 

Si c'est juste le texte par défaut qui te gène, tu modifies le fichier ligne.as pour une mettre la valeur de ton choix (tu peut juste mettre "" si tu ne veux rien au départ).

[djfox]

Ohhhhhhhh le boulet que je suis autant pour moi
désolé du bruit
Merci

[Nanou2706]

Bonjour à tous et bonne année!

Je me permet de vous écrire car étant étudiante aux beaux arts, j'ai un projet basé sur ce type d'affichage (panneaux de gare etc) mais ne connaissant quasiment rien en animation, je voulais savoir si il était possible d'adapter cet effet sur une image, en plusieurs endroits simultanément.
Je me base en effet sur l'image d'un bulletin de vote, et je voudrais donner l'effet d'une loterie en faisant apparaître les noms des candidats grâce à cet effet de panneau de gare, et faire défiler les photos de ceux ci de manière rapide ( peut être un peu comme les machines à sous des casinos).
Autant dire que je suis complètement perdue, le niveau d'exigence qui m 'est demandé étant haut placé, je demande de l'aide, ou quelques conseils sur quels logiciels utiliser, à qui m'adresser...les beaux arts ne me fournissant pas une formation spécifique en animation, je me débrouille comme je peux.

Merci d'avance, toute aide sera la très bienvenue !

[olivyeah]

Dldler, le 21 mai 2010 - 08:35 , dit :

Bonjour,

je suis très en retard sur ce coup, mais je devais le faire aussi pour un projet.
Voici donc ma version…

C'est une version plus 'réaliste' mais surtout plus souple sur la gestion de l'alphabet.

Vous trouverez dans l'archive en pièce jointe :
- le fichier fla
- 2 fichiers de classe : Lettre et Ligne

Le principe :
- une ligne est un alignement… de lettres.
- chaque lettre affiche les caractères d'un alphabet jusqu'à ce qu'elle tombe sur le caractère qu'elle doit afficher

La Lettre : c'est simplement un champ de texte, pris en sandwich entre 2 png.
Donc, vous pouvez modifier les png si l'aspect des cases ne vous convient pas, la typo, la taille, via l'IDE en éditant le symbole 'Lettre'.
Dans la classe Lettre, vous pouvez modifier la variable 'alphabet' et ajouter ou enlever des caractères selon l'effet voulu.
Evidemment, plus il y a de caractères dans l'alphabet, plus le résultat final se fait attendre.

La ligne : c'est juste un rectangle gris foncé.
Vous pouvez agrandir ce rectangle en largeur en éditant le symbole Ligne (ne confondez pas avec la largeur du clip).
Le nombre de lettres affichées sera recalculé en fonction de la largeur de ce rectangle.
Pour afficher un panneau plus ou moins grand, jouez sur la largeur du clip lui même. Ou son échelle.

Le fichier fla : montre un exemple de panneau réalisé via l'IDE, un autre réalisé par le code.
Un bouton et un champ de texte de saisie permettent de modifier le contenu des panneaux.
Tout le code est situé sur l'image 1 du scénario principal.

Il y a beaucoup de commentaires partout, merci de les lire avant de poser des questions

Enjoy.

[olivyeah]

Salut,

je dois réaliser une animation d'un panneau, comme le tien,
je me suis permis de télécharger les fichiers, mais je suis perdu!
je suis graphiste donc l'action script n'est pas mon fort lol

en gros, je ne comprends pas ou je dois placer le code "lettres" et "lignes"
j'ai réussi a modifier l'alphabet (yeah!)
Pourrais tu me guider si tu peux...

Merci
olivyeah@live.fr

Olivier

[dldler]

Bonjour Olivier.

Je suis aussi graphiste… (à la base).
Pour utiliser cet effet, il faut que tu places les 2 fichiers, lettre.as et ligne.as, dans le même dossier que ton fichier fla.

Tu ouvres le fichier fla d'exemple, tu copies la ligne* qui se trouve sur la scène.
Tu la colles dans ton fla à toi.

C'est tout.


* Pas la ligne de code, la ligne d'affichage des lettres : le gros trait tout noir.