colorear en flash - accion
Páginas: 4 (886 palabras)
Publicado: 23 de noviembre de 2014
Efecto "Colorear" en Flash
NOTA: Si te interesa aprender de manera presencial los temas fundamentales AS3 y vives en la Ciudad de México, puedes inscribirte aquí al curso sabatino que daré lossabados.
Hace un par de meses tuve que generar para un banner el efecto de una imagen en tonos de grises que al pasar el mouse encima se vaya "coloreando", este ejercicio me pareció divertido einteresante y por esta razón decidí colocarlo en este blog.
Puedes comenzar a iluminar la imagen de la tortuga en cuanto aparezca.
Para generar este sencillo efecto utilizaremos elementos de:máscaras dinámicas, Sprite, UILoader, además claro de MovieClips y Listeners.
Bueno, pues definamos y acotemos el problema:
Permitir que el usuario pueda "colorear" una imagen con el mouse.
Se debemostrar una imagen inicial y una final ( mo importa si son iguales o no ).
Las imágenes deben de ser externas al flash para optimizar su tamaño.
Cuando el usuario presione el mouse y luego lo muevasobre la imagen inicial deberá ir mostrando la imagen final.
Si el usuario deja de presionar el mouse sobre la imagen, se dejará de "colorear" la imagen final.
Bueno pues comencemos:
Paso 1:Colocar las imágenes.
Para colocar las imágenes utilizaremos un MovieClip y dentro un UILoader, para cargar la imagen; esto para que nos sea más fácil después manipular dichas imágenes y poderagregarles elementos extras como campos de texto, botones, etc.
Generemos entonces un nuevo símbolo MovieClip que llamaremos imagen1, y dentro de él colocaremos un UILoader del tamaño que sea necesario,en esta caso 250x250 pixeles.
Al elemento UILoader le daremos como nombre de instancia imagen, y estaremos utilizando este mismo símbolo tanto para la imagen inicial como para la imagen final.Entonces ya en el escenario colocaremos dos instancias del símbolo imagen1.
A cada una de estas instancias será necesario darles un nombre: foto1 y foto2.
Como estamos usando...
NOTA: Si te interesa aprender de manera presencial los temas fundamentales AS3 y vives en la Ciudad de México, puedes inscribirte aquí al curso sabatino que daré lossabados.
Hace un par de meses tuve que generar para un banner el efecto de una imagen en tonos de grises que al pasar el mouse encima se vaya "coloreando", este ejercicio me pareció divertido einteresante y por esta razón decidí colocarlo en este blog.
Puedes comenzar a iluminar la imagen de la tortuga en cuanto aparezca.
Para generar este sencillo efecto utilizaremos elementos de:máscaras dinámicas, Sprite, UILoader, además claro de MovieClips y Listeners.
Bueno, pues definamos y acotemos el problema:
Permitir que el usuario pueda "colorear" una imagen con el mouse.
Se debemostrar una imagen inicial y una final ( mo importa si son iguales o no ).
Las imágenes deben de ser externas al flash para optimizar su tamaño.
Cuando el usuario presione el mouse y luego lo muevasobre la imagen inicial deberá ir mostrando la imagen final.
Si el usuario deja de presionar el mouse sobre la imagen, se dejará de "colorear" la imagen final.
Bueno pues comencemos:
Paso 1:Colocar las imágenes.
Para colocar las imágenes utilizaremos un MovieClip y dentro un UILoader, para cargar la imagen; esto para que nos sea más fácil después manipular dichas imágenes y poderagregarles elementos extras como campos de texto, botones, etc.
Generemos entonces un nuevo símbolo MovieClip que llamaremos imagen1, y dentro de él colocaremos un UILoader del tamaño que sea necesario,en esta caso 250x250 pixeles.
Al elemento UILoader le daremos como nombre de instancia imagen, y estaremos utilizando este mismo símbolo tanto para la imagen inicial como para la imagen final.Entonces ya en el escenario colocaremos dos instancias del símbolo imagen1.
A cada una de estas instancias será necesario darles un nombre: foto1 y foto2.
Como estamos usando...
Leer documento completo
Regístrate para leer el documento completo.