Accueil | Tutoriaux

Tutoriaux : Chargement de variables se trouvant dans un fichier texte

1. Introduction :

L'objectif de ce tutoriel que j'ai réalisé pour Cyberdoll est de charger à l'intérieur d'une animation flash quatre variables qui se trouvent dans un fichier texte. Ces quatre variables devront ensuite définir les coordonnées (abscisse et ordonnée), la largeur et la hauteur d'un clip composé d'un simple cercle.

2. Dans la bibliothèque et sur la scène

1) Créez un nouveau symbole et placez en son centre un cercle de rayon quelconque. Placez ensuite une occurrence de ce clip sur la scène principale et dans le panneau" propriétés" nommez cette occurrence "cercle".

2) Placez sur la scène une zone de texte dynamique et dans le panneau "propriétés" nommez cette occurrence "affichage". Cette zone de texte, nous permettra de visualiser les valeurs numériques des variables qui se trouvent dans le fichier texte.

3. Le fichier texte

Dans le même répertoire que l'animation flash, créez un fichier texte à l'aide du "Bloc-Notes" par exemple. Placez ensuite le texte suivant :

x=150&y=250&w=100&h=170

Enregistrez ce texte sous le nom "monfichier.txt".

Les variables qui se trouvent dans un fichier texte doivent être séparées par le symbole "&". Les variables x et y définiront les coordonnées du clip "cercle" tandis que w et h permettront de définir respectivement la largeur et la hauteur de cette occurrence (w commme width et h comme height pour ceux qui ont quelques difficultés avec l'anglais).

4. Le code

Sur la première (et seule) image clé de la scène principale, dans le panneau "action", placez le code suivant :

variables = new LoadVars();
 
variables.onLoad = function() {
 
cercle._x = this.x;
cercle._y = this.y;
cercle._width = this.w;
cercle._height = this.h;
 
affichage.text = "x = " + this.x + " y = " + this.y;
affichage.text += " w = " + this.w + " h = " + this.h;
 
}
 
variables.load("monfichier.txt");

5. Le code avec ses commentaires

On utilise la classe LoadVars !
variables = new LoadVars();
 
On définit une fonction qui sera appelée lorsque le chargement du fichier texte sera terminé.
variables.onLoad = function() {
 
On définit les propriétés _x, _y, _width et _height de l'occurrence qui s'appelle "cercle".
cercle._x = this.x;
cercle._y = this.y;
cercle._width = this.w;
cercle._height = this.h;
 
Ces deux lignes de code permettent de concaténer une chaîne de caractères afin de définir le contenu du champ de texte dynamique.
affichage.text = "x = " + this.x + " y = " + this.y;
affichage.text += " w = " + this.w + " h = " + this.h;
 
Fin de la fonction
}
 
Lancement du chargement.
variables.load("monfichier.txt");
 

6. Epilogue

ça y est, tout est enregistré et vous avez publié l'animation flash. Ouvrez votre fichier texte, modifiez les valeurs numériques de x, y, w et h et enregistrez les modifications. Regardez votre animation flash : dans la zone de texte se trouvent les valeurs que vous venez de saisir et le cercle s'est déplacé dans la scène, ses dimensions sont différentes... Merci à Cyberdoll pour cette idée de tutoriel !

PS : vous pouvez faire des critiques (constructives) pour améliorer ce tutoriel. Utilisez mon adresse email dans la partie "contact" ou le livre d'or...
 
Accueil | Tutoriaux