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

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 409 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

Commentaires

Commenter la réponse de jaja234

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.