Changer le curseur d’une animation Flash

Flash offre la possibilité de modifier le curseur de la souris dans la scène de notre animation avec un peu d’action-script. Nous allons voir qu’il est très facile de le mettre en œuvre que ce soit en AS 2.0 qu’en AS 3.0.

Introduction

AS = Action-Script

Choix du Fichier :

Lors de la création d’un document, faites votre choix entre un Fichier Flash (AS 3.0) et un Fichier Flash (AS 2.0). Le code Action-Script changera dans l’étape de programmation.

Création du curseur :

1. Dans le 1^er claque, nous allons créer un curseur avec les outils de votre choix (Rectangle, Pinceau, Plume) puis le sélectionner pour convertir cette forme en symbole (raccourci clavier : F8).
2. Nous allons le nommer clip_curseur et son comportement sera celui d’un clip.
3. Toujours sur ce symbole, nous allons, dans la fenêtre Propriétés (raccourci clavier : Ctrl + F3) lui donner un nom d’occurrence : moncurseur.

Programmation :

1. Nous allons créer un nouveau calque dans la time line, pour pouvoir y mettre le code Action-Script.
2. Dans ce nouveau calque, Ouvrir la fenêtre Action (raccourci clavier : F9).
3. Entrer le code en fonction de l’AS (2.0 ou 3.0) :

Code pour l’action script 2.0 : As 2.0

Code pour l’action script 3.0 : As 3.0

Pensez à bien conserver le même nom d’occurrence (dans notre cas : moncurseur).

Test :

1. Maintenant, testons notre animation (raccourci clavier : Ctrl + Entrée). Normalement le curseur suit le mouvement de la souris. Si ce n’est pas le cas, vérifiez que votre code Action-Script et le nom de l’occurrence soient correctement rédigés.

Bonus : Pas de curseur

Si vous souhaitez qu’aucun curseur ne s’affiche sur votre animation flash, rien de plus simple : remplacez le code AS par celui-ci :

Conclusion :

Voila un tutoriel qui prend 5 minutes à réaliser et donne la possibilité de rendre ses créations Flash plus personnelles.

Origine du code AS

PS : Ce tutoriel a était effectué sous Flash CS3, certains menus ou fenêtres peuvent être différents de la version Flash MX, Flash 8 ou Flash CS4, mais rien de dramatique, les raccourcis clavier et le fonctionnement de l’Action-Script restent inchangés.

Téléchargement des fichiers sources liés à ce tutorial

Veuillez vous connecter pour télécharger les fichiers sources

Article publié par MØG

Vous aimez cet article? Partagez le !

Adepte de Photoshop et Flash depuis de nombreuses années. J’aime faire partager mes connaissances avec le plus grand nombre.
Pour en savoir plus : Mon Portfolio

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 4 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

15 avril 2010 16:13, par Siniliote

Bonjour,

J’aurais aimer savoir comment faire pour que le curseur change de forme lors du passage sur un Clip. D’après mon livre c’est cela

function overClip3(e:MouseEvent) pointeur.gotoAndPlay(3) ; clip3.addEventListener(MouseEvent.ROLL_OVER, overClip3) ;

clip3 est le clip à survoler pour changer le curseur. pointeur est le clip qui représente le pointeur. Dans l’image 3 se situe l’image du nouveau pointeur.
Répondre
23 avril 2010 20:24, par MØG

D’après le code de ton livre, il faut une image 3 pour ton clip « Pointeur » lorsqu’il survole ton clip « Clip3 ».
Il faudrait aussi penser à un fonction lorsque le pointeur ne survole plus ton Clip3 grâce à un RollOut
Répondre
3 mai 2010 10:44, par Olivier

J’ai aussi beaucoup de mal pour la mise en place d’un changement de forme du curseur au passage d’un objet.. alors que pour le reste de la page, aucun problème grâce à cet article, merci !
Répondre
10 juin 2010 02:27, par gael

merci pour le tuto,je suis débutant
Répondre