Tutoriaux : Flash - ActionScript

Script Masters

Espace membre

Langages

Autres ressources

Emploi avec Jobintree

Ressources graphiques

Recherche

Kit graphique

Liens

Statistiques

Télécharger les sources de cet article

Untitled Document

Array Flash MX - Enregistrement des mouvements et récupération

Tutorial écrit par : ::ubyk - addditive

Introduction

Nous allons créer un fichier flash capable de détecter les mouvements, d'enregistrer et de sauvegarder sous forme de cookies à l'aide de sharedObject.
Le tutorial complet au format pdf ainsi que les sources se trouvent dans l'archive disponible en téléchargement.

Création de l'architecture graphique

Créez un calque «_control» qui servira au timing control pour l'enregistrement :

Placez un champs texte de saisie sur votre scène avec comme variable :

A joutez un calque «_action» avec 6 clés pour le codage :

- clé 1: création des tableaux et gestion du timing control;
- clé 2: enregistrement des coordonnées des mouvements;
- clé 3: condition pour l'enregistrement;
- clé 4: restitution des enregistrements;
- clé 5: lecture des enregistrements;
- clé 6: condition pour la lecture;

Création de l'architecture technique

Sur la première clé tapez le code pour créer vos 2 tableaux et vos controles :

Sélectionnez le premier bouton «enregistrer» puis dans le panneau «actions boutons» tapez le code :

Script :

enregistrementX = new Array(); // création du tableau pour les coordonnées _x
enregistrementY = new Array(); // création du tableau pour les coordonnées _y
timing = 0; // affectation à notre timing (occurrence sur scène) à 0
control = 120; // nous fixons la limite d'enregistrement à 120 clés
stop(); // nous fixons notre clé

Ici nous initialisons nos variables et nous créons à l'aide de l'objet «Array» nos tableaux afin de réceptionner plus tard les coordonnées des mouvements de la souris.

Nous enregistrons les coordonnées de la souris dans nos tableaux clé après clé:

Script :

enregistrementX[timing] = _root._xmouse; // enregistrement _xmouse piloté par timing
enregistrementY[timing] = _root._ymouse; // enregistrement _ymouse piloté par timing

A la troisième clé nous posons notre condition d'enregistrement :

Script :

if (timing<=control) { // si timing n'atteint pas 120 clé
gotoAndPlay(2); // nous revenons à notre enregistrement des coordonnées
timing++; // nous écrivons une nouvelle clé à notre timing (occurrence)
}

Nous initialisons à la prochaine clé notre compteur à 0 pour la restitution :

Script :

timing = 0; // nous restituons notre variable pour initialiser nos données
stop(); // nous fixons notre clé
}

A notre cinquième clé nous calquons nos mouvements à notre souris «curseur» :

Script :

_root.curseur._x = enregistrementX[timing]; // nous fournissons les valeurs _x à curseur
_root.curseur._y = enregistrementY[timing]; // nous fournissons les valeurs _y à curseur
timing++; // nous écrivons une nouvelle clé à notre lecture

A notre dernière clé nous posons notre condition de lecture des mouvements :

Script :

if (timing<=control) { // si timing n'atteint pas 120 clé
gotoAndPlay(2); // nous revenons à notre lecture
timing++; // nous écrivons une nouvelle clé à notre timing (occurrence)
}

Création des éléments graphiques et techniques

Nous allons créer notre curseur traduit en coordonnées tableaux :

1 Création d'un calque «curseur»;
2 Création d'une clé à la position 4 de votre timeline;
3 Création graphique de votre forme (curseur);
4 Création de votre symbole;
5 Affectation de votre occurrence: curseur;
6 Placement de votre instance à l'extérieur de la scène pour qu'il ne soit pas visible.

Nous allons créer nos deux boutons afin de poser nos événements :

1 Création d'un calque «bouton»;
2 Création d'une clé à la position 1 de votre timeline avec comme symbole «enregistrer»;
3 Affectation de code à notre bouton :

Script :

on (release) {
play();
}

4 Création d'une clé à la position 4 de votre timeline avec comme symbole «recuperer»;
5 Affectation de code à notre bouton :

Script :

on (release) {
play();
}

Publions notre animation et testons notre projet :

- cliquez sur le bouton enregistrer;
- bougez votre souris;
- une fois l'enregistrement terminé, cliquez sur récuperer et admirez!

Conclusion

- Nous avions crée un cookies à l'aide de sharedobject à notre leçon 1 et sans navigateur, nous venons de créer l'enregistrement des mouvements de votre souris grace à notre objet Array. nous pourrions donc parfaitement combiner les deux techniques afin de recevoir l'information par mail et ce grace à la technologie php. nous verrons ensemble cette technique ultérieurement ;)

- Un problème? Posez vos questions sur le forum Flash/ActionScript!
- Ce tutorial a été consulté 23211 fois

Script Masters © Ce texte est la propriété de son auteur.
Toute reproduction est interdite.