Changer les couleurs avec setTransform

 

On se propose de montrer l'influence des paramêtres passés à la fonction setTransform qui gère les couleurs.
Cette fonction agit sur le RGB mais aussi sur le pourcentage de couleur ainsi que le alpha.
On fera varier les paramêtres au moyen de curseurs horizontaux. Cet exemple utilise aussi des scripts.

Vous ne pouvez pas tester dans SwishMax, uniquement dans le navigateur et dans FlashPlayer.
Je suppose connu les fonctions de création sur lesquelles je n'insisterai pas.

⇒ animation ⇐

Création des Objets

1 - Définissez les dimensions générales 640x480 ainsi que la couleur du fond #FFFFCC.
Prenez un Frame Rate égal à 35.

2 - Insérez un texte pour le premier titre. Suivez les images

   

3 - Création de 4 lignes avec curseurs pour le décalage.
Suivez la démarche pour le premier :
une ligne horizontale, un curseur, un texte dynamique, un titre.
D'abord la ligne horizontale :

   

Le curseur. Tracez un rectangle :

   

Convertissez en Sprite : Menu Modify / Convert / Convert to Sprite.
Nom : hR Target coché.
Le texte dynamique :

   

Le titre. Insérez un texte statique :

   

Pour les autres, observez les valeurs du tableau et répétez les opérations précédentes en adaptant.

VERT
ligne_baseG hG > hsliderG txtG > txtdynG gb > Gb
X=50 Y=75X=50 Y=75 vertX=280 Y=73X=10 Y=75
BLEU
ligne_baseB hB > hsliderB txtB > txtdynB bb > Bb
X=50 Y=100X=50 Y=100 bleuX=280 Y=98X=10 Y=100
ALPHA
ligne_baseA hA > hsliderA txtA > txtdynA ab > Ab
X=50 Y=125X=50 Y=125 noirX=280 Y=123X=10 Y=125

4 - Insérez un texte pour le second titre. Suivez les images

   

5 - Création de 4 lignes avec curseurs pour le pourcentage.
C'est la même méthode que précédemment, mais la ligne de base a une largeur 200

ROUGE
ligne_baseRa hRa > hsliderRa txtRa > txtdynRa ra > Ra
X=50 Y=200X=50 Y=200 rougeX=130 Y=198X=10 Y=200
VERT
ligne_baseGa hGa > hsliderGa txtGa > txtdynGa ga > Ga
X=50 Y=225X=50 Y=225 vertX=130 Y=223X=10 Y=225
BLEU
ligne_baseBa hBa > hsliderBa txtBa > txtdynBa ba > Ba
X=50 Y=250X=50 Y=250 bleuX=130 Y=248X=10 Y=250
ALPHA
ligne_baseAa hAa > hsliderAa txtAa > txtdynAa aa > Aa
X=50 Y=275X=50 Y=275 noirX=130 Y=273X=10 Y=275

6 - Maintenant la zone de test. Tracez un carré.

   

Convertissez en Sprite : Menu Modify / Convert / Convert to Sprite.
Nom : test Target coché.

Scripts

Dans Outline, sélectionnez la scéne, passez en Mode Expert. Entrez le script suivant :

Dans Outline, cliquez sur le sprite hx du curseur, puis sur le curseur hsliderX
Voici le script pour hsliderAa
(Vous adapterez pour les autres curseurs les termes en rouge)
Attention : 4 en largeurB = 200 et 4 en largeurA = 510

Vérifiez bien vos scripts au niveau des lettres rouges et des largeurs.
Exportez en HTML+SWF, puis testez.

 


Si vous aimez le site

 

Select a language if you need :


Page chargée en 0.016 sec.

Dernière Modification : Mer 25 Janvier 2017 8:56
Copyright © 1999-2017 Jean-Paul Molina Tous droits réservés.

vers Google