Archives For sourcecode

Ejemplos de código y programación

Splatter

Julio 26, 2006
splatter

En el post anterior mencionaba a digg labs, una colaboracion de digg con stamen design. Revisando el sitio de Stamen, me encontre con un bonito juguete en Flash. Se trata de Splatter. Se trata de una pantalla en la que puedes pintar con manchas de ‘pintura’ al mover el mouse.

Lo mejor, es que puedes bajarte el codigo de este experimento (liberado bajo la licencia creative commons).

mas informacion en stamen/splatter.

En dos post anteriores (I y II) hablabamos de la clase BitmapData y su metodo copyChannel para copiar un canal de color de un bitmap a otro.

Ahora bien, aqui tienen un pequeño efecto que se puede crear utilizando lo que ya aprendimos.

Mueve el mouse sobre la imagen

La idea es tener 3 movieclips vacios en el Stage, todos con blending mode ‘Multiply’. Luego, añado un bitmap a cada movieclip, copiando un canal de color del bitmap original. No pongo el codigo, porque es basicamente el mismo que el explicado en la parte I de este tema.

El efecto tambien se puede realizar sobre un fondo negro, con la diferencia de que los bitmaps que voy a modificar, son negros, y el blending mode de los movieclips es ‘Add’

Mueve el mouse sobre la imagen

Pueden bajar el archivo fla para ver que es lo que se hizo exactamente:
Bajar el archivo fla (flash 8 ): colortest3.zip

Este es otro ejemplo de copiar la informacion de un canal de un bitmap hacia otro. En un post anterior habia explicado como realizarlo.

Bajar el archivo fla (flash 8 ): colortest2.zip

Mas codigo, esta vez, vamos a jugar un poco con el objeto BitmapData de Flash 8.

En este ejemplo esta la imagen original, y tres imagenes, con los colores cambiados. Como? pues copie la informacion del canal verde del bitmap original de tres distintas formas. Veamos que se hizo.
Continue Reading…