<h2>Votre Formation vidéo</h2><br/>
Votre formation est décomposée<br/>
en chapitres très clairs de 20 à 30 min. <h2>Des exemples SWF </h2><br/>
Chaque leçon est accompagnée<br/>
du code source avec le fla et les classes. <h2>Votre Suivi personnalisé</h2><br/>
Vous pouvez  me poser toutes<br/>
vos questions sous les cours vidéos.

Création d’un effet “texte défilant”

1 question

Écrit le 30 mars par Matthieu
Publié dans le(s) sujet(s) ActionScript 3

Mots clés : , , ,

Le Kit du Développeur Flash

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”.

https://www.actionscript-facile.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.

/**
 
  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);
		}
 
	}
}

Télécharger “Effet texte défilant” ex-texte-defilant.zip – Téléchargé 380 fois – 194 KB

Posez 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.



Développez des Jeux et Applications Flash avec la Formation AS3 Facile !

Recevez Gratuitement Des Cours en Vidéos, des codes source et des livrets de formation.
Et en bonus gratuit : Le Framework AS3 Facile ! 


amet, venenatis libero felis libero lectus nec tristique id vel, Praesent