JN Forum

Posté le: 21 Sep 2005 19:12:51

Flash MX
Langue: Français

Test
Source

Bonjours, dans ce tuto nous allons voir comment mettre un password dans flash.
Les codes sont différents selon si c'est pour un document qui restera en Flash (jeu, site entièrement en Flash...) ou si c'est pour des page HTML (site en HTML avec password en Flash).

En fait ce code permet d'aller à certaine image selon le mot entré dans le champs de texte.
Nous prendrons 3 exemples (après il suffit de copier un bout du code, de le coller à la suite et de modifié le nom et le n° de l'image): john, donald et jack.

- Ouvrez Flash MX
- Si ce n'est pas déjà fait, créez un nouveaux document (Document Flash)
- Insérer un nouveau bouton: Insertion/Nouveaux symbole... (Ctrl+F8), cochez Bouton et tapez comme nom test
- Dessinez un bouton avec marqué Entrer dans la nouvelle scène qui s'ouvre

- Vous pouvez modifiez le bouton lors du survol et du clic

- Cliquez sur le bouton Séquence 1 (en haut du scénario)

- Ouvrez la bibliothèque (Ctrl+L)
- Faite un glisser/déposer de test sur la scène

- Prenez l'outil Texte

- Ouvrez le panneau des Propriétés (Ctrl+F3) à gauche, choisissez Texte de saisie

- Faites un clic sur la scène
- Nommez le champs Var (variable) password (vous pouvez modifier la police, etc... sur ce panneau)
- Cliquez sur le petit bouton en forme de feuille pour afficher les bordures du champs

Faites attention à ne pas mettre le texte en blanc.
- Prenez le petit carré en bas à droite et étirez-le vers votre droite pour allonger la ligne

Lorsque vous désélectionner (un clic autre part) votre champ de texte il est entouré de pointillés, c'est normal.
- Prenez l'outil texte et mettez par exemple (en Texte statique cette fois) Entrez votre password
- Sélectionnez le bouton (un clic dessus) et appuyez sur F9 pour ouvrir le panneau Action
- Tapez le code suivant (pour un site entièrement en Flash):

Code:

on (release) {
if (password eq "john") {
gotoAndStop(5);
} else if (password eq "donald") {
gotoAndStop(10);
} else if (password eq "jack") {
gotoAndStop(15);
} else {
gotoAndStop(20);
}
}

On peut voir les nom de john, donald et jack, pour john, il faut ajouter une image clé à l'image 5, pour donald à l'image 10 et pour jack à l'image 15 (toutes ces valeurs peuvent être changées).
- Insérez une image-clé VIDE (clic droit/Insérer une image-clé vide) et mettez un texte (Statique) du genre:
Bienvenue John !
- Insérez un bouton (Insertion/Nouveau symbole > Bouton) nommez-le retour
- Dessinez par exemple une flèche allant vers la gauche
- Reproduisez les étapes pour l'insérer sur la scène et mettez comme code sur ce bouton (F9):

Code:

on(release) {
gotoAndPlay(1);
}

- Maintenant insérez une image-clé à l'image 10 et changez le texte en mettant:
Bienvenue Donald !
- Puis insérez une image-clé à l'image 15 et changez le texte en mettant:
Bienvenue Jack !
- Insérez une image-clé à l'image 20 et changez le texte en mettant un truc du genre:
Password incorrect
Si vous avez bien suivit les étapes, le bouton aurait dut se copier, sinon il fallait cliquez sur Insérez une image-clé et non Insérer une image-clé VIDE)
- Sélectionnez l'image 1 (un clic dessus)
- Appuyez sur F9 pour ouvrir le panneau Action
- Et tapez:

Code:

stop()

Un "a" se met alors sur l'image et vous devriez avoir un scénario comme ceci:

Voici le code pour un site en HTML avec un password en Flash:

Code:

on (release) {
if (password eq "john") {
getURL("john.html", "_blank");
} else if (password eq "donald") {
getURL("donald.html", "_parent");
} else if (password eq "jack") {
getURL("jack.html", "_blank");
} else {
gotoAndStop(2);
}
}

Il faut créer des pages HTML portant le nom pour john: john.html, pour jack: jack.html, pour donald: donald.html (toute ces données sont modifiable).
Vous avez juste besoin de créer une image-clé à l'image 2 où il y aura marqué Password Incorect.

Voilà!
Mort

Merci à tous...

- Tutorial réalisé par Jack NUMBER -

Si vous avez des questions, n'hésitez surtout pas !!! Smile