Cours et tutoriaux Photoshop, Flash, Fireworks, Paintshop et sur le développement de sites Web XHTML, PHP, MySQL...

Tutorial Flash : La fonction Drag();

  • Introductions

  • Informations

  • Résultat

Apercu du tutorial la-fonction-drag

Nous allons voir ici une démonstration basique de la fonction Drag(); de Flash.


Avatar de netger

Auteur : WebmasterNetger

Difficulté : Très facile
Création : 29/12/2005
Mise à jour : 14/11/2007

Nombre de visites : 1212


1. Créer un nouveau document flashIcone remonter en haut de page

Il faut maintenant créer un nouveau document flash.
Attribuez lui les propriétés suivantes :
- dimensions : 400 x 400 pixels
- couleur d'arrière-plan : blanc (peu importe).
- cadence : 24 images par secondes
- unité de la règle : pixels

2. Créer ou importer une imageIcone remonter en haut de page

Nous allons créer l'image que nous allons déplacer dans la scène.
Vous pouvez aussi importer cette image...

3. Créer un symbole boutonIcone remonter en haut de page

Il nous faut maintenant transformer cette image en symbole "bouton" afin de pouvoir lui appliquer le code actionScript.
Faites un clic-droit sur l'image et choisissez "Convertir en symbole".
Une nouvelle fenêtre s'ouvre : Indiquez le nom, choisissez bouton et validez.


Voilà, a ce stade le bouton est créé.
Nous allons finir de le préparer (pas d'inquiétude ;) c'est tout simple )

Double-cliquez sur le symbole bouton que vous venez de créer; vous pouvez vous apercevoir que la partie "Scénario" à changé. Parmi les 4 cases qui y apparaissent maintenant, les 3 premières représentent les différents états du bouton (normal, survolé ou cliqué) et la dernière case représente la zone d'action du bouton.
La première case contient déjà votre image, il ne vous reste plus qu'à insérer cette image clé dans les 3 cases restantes (clic-droit sur la case puis "insérer une image clé").

4. La fonction Drag();Icone remonter en haut de page

Pour finir ajouter au bouton un petit bout d'actionScript.
Cliquez sur votre symbole bouton puis ouvrez le panneau actionScript et insérez-y le code suivant :
Code-source : AS
on(press){
startDrag("");
}
on(release){
stopDrag();
}


Vous pouvez maintenant publier votre animation afin de tester le bon fonctionnement de la fonction Drag()


Utilisez FireFoxW3C XHTML 1.0W3C CSS 2.1