« Flash CS5 - Curseur » : différence entre les versions
m (using an external editor) |
m (using an external editor) |
||
Ligne 12 : | Ligne 12 : | ||
* [[Univers Flash CS5]] | * [[Univers Flash CS5]] | ||
* Un peu de ActionScript | * Un peu de ActionScript (AS3) pour le début, par exempl [[Flash AS3 - Objets interactifs]] | ||
* Pas mal de AS3 pour les exemples à la fin | |||
'''Matériel (fichiers *.fla à manipuler)''' | '''Matériel (fichiers *.fla à manipuler)''' | ||
* http://tecfa.unige.ch/guides/flash/ex5/ (répertoire) | * http://tecfa.unige.ch/guides/flash/ex5/curseur (répertoire) | ||
'''Qualité et niveau''' | '''Qualité et niveau''' | ||
Ligne 90 : | Ligne 91 : | ||
Ce code a le desavantage qu'il ne remplace pas vraiment le curser et ce qui pose un problème pour implémenter des applications drag and drop. | Ce code a le desavantage qu'il ne remplace pas vraiment le curser et ce qui pose un problème pour implémenter des applications drag and drop. | ||
== Créer | == Créer un curseur natif avec MouseCursorData == | ||
Utiliser des "native mouse features" est la méthod de loin la plus efficace d'un point de vue performance car ce n'est pas flash qui doit calculer la trajectoire. | |||
* Necessite la création d'un [http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/BitmapData.html Bitmap object] d'une taille maximale de 32x32 pixels. | |||
Voir: | |||
* [http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/ui/MouseCursorData.html MousCursorData] | * [http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/ui/MouseCursorData.html MousCursorData] | ||
* [http://cookbooks.adobe.com/post_Native_Mouse_cursor_for_Flash_Player_10_2_-18576.html Native Mouse cursor for Flash Player 10.2+] | * [http://cookbooks.adobe.com/post_Native_Mouse_cursor_for_Flash_Player_10_2_-18576.html Native Mouse cursor for Flash Player 10.2+] | ||
* | * [http://www.youtube.com/watch?v=rtc3DYSuahI&feature=player_embedded Working with Native Mouse Features - For Flash Player 10.2+ in actionScript 3.0] (YouTube vidéo). Pour Flash developper | ||
== Créer son propre curseur avec Actionscript == | == Créer son propre curseur avec Actionscript == |
Version du 17 février 2012 à 18:27
Cet article est une ébauche à compléter. Une ébauche est une entrée ayant un contenu (très) maigre et qui a donc besoin d'un auteur.
<pageby nominor="false" comments="false"/>
Objectifs d'apprentissage
- Etre capable de changer le curseur de la souris (mouse cursor) avec un des quatre modèles fournis
- Créer son propre curseur
Prérequis
- Univers Flash CS5
- Un peu de ActionScript (AS3) pour le début, par exempl Flash AS3 - Objets interactifs
- Pas mal de AS3 pour les exemples à la fin
Matériel (fichiers *.fla à manipuler)
- http://tecfa.unige.ch/guides/flash/ex5/curseur (répertoire)
Qualité et niveau
Ce tutoriel aidera les adeptes de la technique à démarrer. Le niveau de ce tutoriel est un peu haut pour les novices, mais peut servir comme des fiches pratiques dans un atelier.
Prochaines étapes
- ......
Autres versions
- aucune
Echanger le curseur par un des cinq quatre curseurs standard
ActionScript permet de redéfinir la forme du curseur de la souris:
Mouse.cursor=MouseCursor.ARROW;
Mouse.cursor=MouseCursor.AUTO; // Flash décide en fonction de l'objet sous la souris
Mouse.cursor=MouseCursor.BUTTON; // Normalement utilisé pour les boutons
Mouse.cursor=MouseCursor.HAND; // normalement utilisé pour le drag
Mouse.cursor=MouseCursor.IBEAM; // normalement utilisé pour les champs input text
Notation alternative:
Mouse.cursor="arrow";
etc.
Typiquement on associe une forme a un certain type d'événément, surtout des "roll over".
coke.addEventListener(MouseEvent.ROLL_OVER,overCoke);
coke.addEventListener(MouseEvent.ROLL_OUT,outCoke);
function overCoke(e:MouseEvent):void {
Mouse.cursor="hand";
}
function outCokeClip(e:MouseEvent):void {
Mouse.cursor="auto";
}
Tutoriel: AS3 Tip: Mouse.cursor - A New Property in Flash Player 10 (flash&math)
Utiliser le simple drag and drop
(1) Définir un clip
- Dessinez un objet
- Transformez en clip
- L'instance sur la zone de travail doit avoir un nom, par exemple hand_mc.
(2) Dans AS3, utilisez la methode startDrag avec l'argument true et cachez la souris.
- Pour utiliser la méthode startDrag() introduite dans le tutorial Flash tutoriel drag and drop, il suffit deux lignes de code:
hand_mc.startDrag(true);
Mouse.hide();
Code:
Ce code a le desavantage qu'il ne remplace pas vraiment le curser et ce qui pose un problème pour implémenter des applications drag and drop.
Créer un curseur natif avec MouseCursorData
Utiliser des "native mouse features" est la méthod de loin la plus efficace d'un point de vue performance car ce n'est pas flash qui doit calculer la trajectoire.
- Necessite la création d'un Bitmap object d'une taille maximale de 32x32 pixels.
Voir:
- MousCursorData
- Native Mouse cursor for Flash Player 10.2+
- Working with Native Mouse Features - For Flash Player 10.2+ in actionScript 3.0 (YouTube vidéo). Pour Flash developper
Créer son propre curseur avec Actionscript
Voir:
Liens
Chez Adobe: