Comunidad de diseño web y desarrollo en internet online

ActionScript 3.0: Cambio color de un Objeto de visualización

Citar            
MensajeEscrito el 18 Feb 2011 06:34 pm
Una aplicación clásica en los desarrollos educativos es que el usuario (por lo general un niño) iluminen un dibujo. Hay muchas maneras de hacerlo. Una forma de solucionar este problema es tener el dibujo dvidido en diferentes movie clips blancos y un gráfico con los contornos del dibujo.

Es importante nombrar a cada uno de los clips con nombres diferentes. Por lo general necesitamos hacer "grupos" de varios pedazos del dibujo, por ejemplo las manos, el cuello y la cara van del mismo color. También necesitaremos botoncitos que representen los diferentes botones para que el usuario seleccione el color. Por lo general utilizamos un cursor personalizado, ya sea un pincel o una brocha.

Para poder cambiar el movie clip, necesitamos un objeto intermedio donde almacenaremos el color, en este caso necesitamos un objeto ColorTransform. Dicha clase se encuentra en el paquete geom, y este a su ves en el paquete flash. Recuerda que si codificas en la línea de tiempo, no es necesario importar las clases del paquete flash, pero si trabajas en clases, tienes que importarla:

Código ActionScript :

import flash.geom.ColorTransform;


Así que crea un objeto de tranformación de color, donde almacenaremos el color que haya seleccionado el usuario:

Código ActionScript :

var colorInfo:ColorTransform;


Aqui almacenamos el color (en formato hexadecimal, de preferencia). Supongamos que desamos cambiar el color a amarillo:

Código ActionScript :

colorInfo = new ColorTransform();
colorInfo.color = 0xffff00;


Ahora aplicamos este cambio al movie clip (digamos que se llama dibujo) con la siguiente asignación:

Código ActionScript :

dibujo.transform.colorTransform = colorInfo;


Listo, el movie clip cambiará de color. Hay que remarcar que si el movie clip tiene un degradado o diferentes colores que los aplicamos en tiempo de autor ed decir, con el EDI, los colores se remplazarán por el color que aplicamos.

El siguiente ejemplo muestra la aplicación de estos sencillos principios:




Si desea bajar el archivo fuente de este ejemplo, pulsa aqui.

Por Francisco Javier Arce

86 de clabLevel

1 tutorial

Genero:Masculino  



Ultima edición por Francisco Javier Arce el 19 Feb 2011 03:04 am, editado 3 veces

firefox
Citar            
MensajeEscrito el 18 Feb 2011 09:21 pm
Este te quedó bien, Francisco. Pasandolo a portada.

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino   Admin

Conserje de Cristalab

chrome
Citar            
MensajeEscrito el 18 Feb 2011 09:51 pm
WOH! Te copiaste de la ayuda de Flash sin más haciendolo pasar por contenido tuyo. Wow, casi caigo. Muy mal Francisco.

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino   Admin

Conserje de Cristalab

chrome
Citar            
MensajeEscrito el 18 Feb 2011 10:24 pm
Cierrto, tome un archivo viejito y la regué. Ya mande el correcto, mil disculpas.

Por Francisco Javier Arce

86 de clabLevel

1 tutorial

Genero:Masculino  

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.