Typewriter v2.0 - effet machine à écrire (version prototype) by badben

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 493 fois - Téléchargée 16 fois

Contenu du snippet

Voilà une deuxième version du script beaucoup plus générique.
Un prototype permettant d'écrire un texte de manière progressive.
Par contre pas de code HTML pour cette version.
J'ai implémenté une méthode stop() qui arrête l'écriture.

Copier coller le code n'importe ou dans votre animation.

Ajouter un TextField dynamique sur la scène, donnez lui un nom d'occurrence et attribuer lui le prototype typewritter comme ceci :

Exemple :

----------------------------------- CODE ACTIONSCRIPT -----------------------------------
mon_texte = "Je suis un texte";
vitesse = 20;
mon_textfield.typewritter("mon_texte", vitesse);
-----------------------------------------------------------------------------------------

NB : ajoutez ce code en dessous ou après le prototype.

La vitesse d'écriture est en milli-secondes

Source / Exemple :


TextField.prototype.typewritter = function(txt, speed) {

	this.i = 0;
	this.txt = txt;
	this.text = "";

	this.write = function() {
		this.text += this.txt.charAt(this.i);
		this.i++;
		if (this.i == this.txt.length) {
			clearInterval(this.interval);
		}
	};

	this.stop = function() {
		clearInterval(this.interval);
	};

	this.stop();
	this.interval = setInterval(this, "write", speed);
};

A voir également

Ajouter un commentaire

Commentaire

jaja234
Messages postés
2
Date d'inscription
mardi 12 décembre 2000
Statut
Membre
Dernière intervention
12 juillet 2008
-
Bonjour à tous,
Je trouve ce code génial je le cherchais, mais je ne comprends pas comment l'utiliser ! Je ne comprends même pas où je dois placer les 2 codes et entre quelle(s) balise(s) ...
Pouvez vous m'aider ?

Merci d'avance :)

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.