Dans ce tutoriel de prés d'une heure nous allons créer une application qui vous permettra de proposer aux utilisateurs de vos sites, jeux ou tout autre swf, la possibilité de choisir sa couleur de fond (le background). Pour cela nous utiliserons donc le composant Colorpicker. Pour que cette formation soit le plus didactique possible, nous passerons en revue les paramètre les plus important liés à ce composant. Nous utiliserons aussi la classe TweenMax pour que le changement de couleur soit beaucoup plus sympa esthétiquement.

Voici quelques-unes des fonctionnalité de notre application:

• Application 100% dynamique (chaque élément est créé via l'as3)
• Utilisation de dégradé radial pour le background
• Utilisation optimisé du composant ColorPicker
• Transition pour les couleur via la classe TweenMax.
• Possibilité de paramétrage depuis le fichier fla (classe réutilisable)
• Affichage du code couleur en temps réel

• Mise en place du projet (taille couleur ips)
• Rattachement avec la classe CustomBg
• Importation du colorPicker dans la bibliothèque (info sur la customisation)

• Structuration de la classe (package, imports, instanciation classe et var)
• Création des movieClip du projet (bg,conteneur)
• Préparation et mise en place du texte pour l'affichage des couleurs
• Init des écouteurs du ColorPicker (CHANGE,ITEM_ROLL_OVER)
• drawBg: création du background (Gradient,Matrix,taille extensible)
• initialisation de la transition des couleurs via la classe TweenMax
• Gestion de l'affichage du code couleur
• Utilisation de l'ouverture du colorpicker au rollOver

1. pack cs3 (fla,swf,html)
2. pack cs4 (fla,swf,html)
3. dossier fr contenant la classe CustomBg