Macromadia FLASH
Chapitre 1. Qu'est-ce donc
Chapitre 2. Le vocabulaire
Chapitre 3. 3 Interface de travail
Chapitre 4. Les palettes
Chapitre 5. Exemples simples
Chapitre 6. Les actions scripts
Chapitre 7. Propriétés des clips
Chapitre 8. Détection des collisions (exo9.fla)
Chapitre 9. Détection de - clics souris - et duplication de dessins (exo10.fla)
Chapitre 10. Déplacement interactifs de clips (exo11.fla)
Chapitre 11. Déplacement dans un clip (exo12.fla)
Chapitre 12. Gestion de l_interactivité
Chapitre 13. Composants d_interface (exo16.fla)
Chapitre 14. Gestion des variables par fichiers
Chapitre 15. Conclusion
Chapitre 16. Liste des exercices
Page d'accueilTable des matièresNiveau supérieurPage précédenteBas de la pagePage suivante

Chapitre 10. Déplacement interactifs de clips (exo11.fla)

Nous allons maintenant reprendre le clip du rond précédent et ajouter le code permettant de le déplacer librement par glisser/déplacer.

Nous allons dans un premier temps créer 1 rond de type clip et associer y le code suivant :
onClipEvent (mouseDown) {
startDrag (this);
}
onClipEvent (mouseUp) {
stopDrag ();
}


Et hop (oui, j'aime bien le "et hop" !), on peut déplacer librement le rond.

Nous allons maintenant créer un symbole rond noir en tant que bouton et placer deux occurrences sur la scène et les nommer o1 et o2.

Pour la première occurrence, on va y associer le code suivant :
on (press) {
startDrag (o1,false); // avec true, le symbole sera centré sur le pointeur de la souris.
}
on (release) {
stopDrag ( );
}

et pour la seconde
on (press) {
startDrag (this,false);
}
on (release) {
stopDrag ();
}

Testez et observez les différences.

La fonction startDrag accepte d’autres paramètres :
startDrag(cible,[verrouiller ,gauche, haut, droite, bas])

Les valeurs relatives optionnelles gauche, haut, droite, bas correspondent aux coordonnées du parent du clip spécifiant un rectangle de contraintes pour le clip. Ces paramètres sont facultatifs. Les contraintes obligeront le rond à se déplacer uniquement dans le rectangle ainsi définit.

Des informations plus complètes sur chaque fonction sont disponibles dans l’Aide/Dictionnaire Action Script.

Page d'accueilTable des matièresNiveau supérieurPage précédenteHaut de la pagePage suivante