Création d’un effet « texte défilant »
Dans ce tutoriel ActionScript, je réponds à une question posée par un membre de la Formation AS3 Facile.
Comment réaliser un effet de défilement sur du texte ?
Voici ce que vous allez apprendre dans ce Tutoriel ActionScript Flash :
- Création d’une classe utilitaire, réutilisable pour tous vos projets flash.
- Création d’une classe pour la gestion du défilement d’un champ texte.
- Utilisation des polices chargées dynamiquement dans le texte défilant.
- Comment gérer le focus sur un champ texte input TextField, pour effectuer différentes actions.
Cette formation AS3 vous permettra d’ajouter des textes défilants dans vos applications flash.
Texte Défilant
Version démonstration
Ci-dessous un exemple d’utilisation de la classe utilitaire « texte défilant ».
1 | http://e6msyji6epr.exactdn.com/wp-content/uploads/2012/03/texte-defilant.swf |
Télécharger le code source du cours AS3
Vous trouverez l’ensemble du code source commenté pour vous aider à l’améliorer.
[codesyntax lang= »actionscript3″ title= »com.as3facile.utils.text.TextDefil » bookmarkname= »com.as3facile.utils.text.TextDefil »]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 | /** The Initial Developer of the Original Code is Matthieu - https://www.actionscript-facile.com Portions created by the Initial Developer are Copyright (C) 2010 the Initial Developer. All Rights Reserved. Contributor(s) : */ package com.as3facile.utils.text { import flash.events.TimerEvent; import flash.utils.Timer; import flash.text.TextField; /** * Permet d'afficher un texte avec un effet de défilement. * * @author Matthieu */ public class TextDefil { private var oText : TextField; private var sTextInput : String; private var oTimer : Timer; private var nIndex : int; private var sTxtDefil : String; /** * Constructeur. * * @param txtDefil : l'objet TextField pré-configuré qui recevra le texte à afficher. * */ public function TextDefil(txtDefil:TextField) { oText = txtDefil; oTimer = new Timer (95);// vitesse de défilement de 95 ms par défaut oTimer.addEventListener (TimerEvent.TIMER, onDefilTxt); } /** * Affiche le texte petit à petit. * Possibilité d'ajouter d'autrse effets sur le texte. * */ private function onDefilTxt(event : TimerEvent) : void { sTxtDefil += sTextInput.charAt (nIndex); // ajoute les caractères un par un au texte complet oText.text = sTxtDefil;// mise à jour du texte nIndex++;// caractère suivant // une fois que la phrase est affichée entièrement, arrêt du Timer if (nIndex == sTextInput.length) oTimer.stop(); } /** * Lance l'affichage du texte, lettre une par une. * @param value : le texte à afficher. * */ public function startDefil(value:String):void { sTextInput = value; oText.text = sTxtDefil = ""; nIndex = 0; oTimer.start(); } /** * Arrête le défilement du texte. * */ public function stopDefil():void { oTimer.stop(); } /** * Vitesse de défilement en ms. * */ public function setSpeed(value:Number) : void { oTimer.delay = value; } /** * Détruit l'objet proprement. * */ public function destroy() : void { oTimer.removeEventListener (TimerEvent.TIMER, onDefilTxt); } } } |
[/codesyntax]
Télécharger “Effet texte défilant” ex-texte-defilant.zip – Téléchargé 1194 fois – 194,38 KoPosez votre question ActionScript Flash !
Rencontrez-vous des difficultés dans votre programmation Flash ?
Dites-moi les sujets que vous souhaitez que j’aborde dans les prochains tutoriels ActionScript.