Dans ce tuto Flash / Actionscript de près de 2 heures, nous allons créer une application complète offrant la possibilité de déplacer des objets via un joystick. Ce joystick possède toutes les réactions habituelles d'un pad de console de jeux, le relâchement élastique a même été prévu. Pour que le résultat soit à la hauteur de vos attentes, nous créerons ensemble l'interface en utilisant des textures importées, l'objet cible quant à lui sera préparé dans Photoshop et animé dans Flash, cette étape sera elle aussi passée en revue dans cette formation.

Pour vous faire une idée de ce que vous obtiendrez, voici la liste des fonctionnalités de cette application:

• Interface avec décors externes
• Joystick réaliste avec effet élastique au relâchement
• Zone écran avec biseautage (masque utilisé)
• Objet cible coccinelle découpé, optimisé depuis Photoshop et animé dans flash
• Gestion de l'apparition et de la disparition de la cible (déplacement infini)
• Paramétrage simplifié, méthode getter setter utilisés
• Script optimisé et externalisé

Au programme de ce tuto Flash

• Mise en place du background, biseautage des angles et plaquage de textures
• Ajout des filtres
• Création du limitter (zone de déplacement du joystick)
• Création du joystick, du pad et de la barre de raliement
• Création de l'écran de déplacement, utilisation de masques
• Mise en place de la coccinelle, animation des pattes et ajout de filtres

• Mise en place de la structure principale, package, classe, constructeur
• Regroupement des imports
• Déclaration des variables du projet
• Récupération des paramètres liés aux objets graphiques
• Gestion de la récupération des paramètres, message en cas d'erreur
• Mise en place des écouteurs liés aux joystick
• Création de la classe lié au déplacement de l'objet cible
• Mise en place des calcules liés au positionnement des éléments, angle, rotation.
• Gestion de l'apparition et de la disparition.
• Gestion de l'animation des pattes de la coccinelle
• Mise en place des getter setter pour la gestion des réglage du joystick

• Import de la classe Joystick
• Création de l'instance du joystick
• Ajout des paramètres liés aux éléments graphique
• Ajout des paramètres de réglages

• Fichiers fla pour flash cs4 et cs5
• Fichier swf
• Classe Joystick
• Dossiers images, textures et coccinelle préparés