Blog de programación creativa mantenido por llops. Experimentos y artículos entorno a la plataforma flash y as3.
Ahora que ya sabemos cómo funciona el color en un pixel, vamos a ver la clase clave para manipularlos: BitmapData, y por extensión, la clase Bitmap, ya que funcionan en conjunto.
Nota: Sino leíste la primera parte de la serie, te recomiendo que le eches un vistazo antes de seguir.
Empieza aquí una nueva serie de artículos, esta vez dedicados a la programación bitmap, y más concretamente, enfocados en la manipulación de imágenes a nivel de píxel. En la categoría Lab encontrarás una muestra de las cosas que se pueden hacer jugando con pixels.
La programación bitmap es uno de los temas más extensos y complejos que se pueden encontrar en AS3. Por otro lado, también es uno de los temas más apasionantes de este lenguaje, y merece la pena invertir horas en su aprendizaje.
El mayor problema que me encontré cuando decidí aprender sobre esta temática es la poca información que existe al respecto (poca en inglés, y prácticamente nula en español), así que al final, la mayoría de cosas que aprendí fue en base a experimentación y a invertir días enteros intentando descifrar códigos que encontraba por la red. Espero con estos artículos cubrir un poco el vacío existente en este campo. Vamos allá.
Nota: antes de sumergirnos en el código, es muy importante comprender cómo se componen las imágenes y los pixels, por eso he preferido dedicar este primer capítulo a la teoría de estos temas.
¿Qué se puede hacer con un canvas negro y miles de píxeles blancos?
Dejarlos fluir y esperar. Quizá se coloquen en el lugar adecuado…
Serie dedicada a uno de los comics de culto: Sin City, de Frank Miller.
Vamos con el tercer y último artículo de la serie, dedicado a la forma en que se utilizan los objetos que tenemos en la librería de Flash.
Este artículo es menos técnico que los anteriores, pero dado que el cambio es bastante significativo (ya no se utiliza más attachMovie) merece la pena tratarlo.
Hay dos tipos de cuerpos visibles: los que emiten luz por sí mismos y los que la reflejan. La luz se compone de minúsculas partículas denominadas fotones, y el color de estos fotones viene determinado por su energía y su frecuencia.
Las partículas aisladas son imperceptibles para el ojo humano, pero si actúan en conjunto crean una corriente de fotones. Así nace luz.
En el primer artículo de esta serie vimos que cuando escribimos código en el timeline o añadimos movieclips en el escenario éstos se acababan convirtiendo en parte de una clase.
Como esto sucede de manera transparente, quizá pensemos que no es necesario saber qué está pasando a nivel interno para utilizar AS3 desde Flash. Para los casos planteados en la primera parte esto se cumple, pero hay otros casos que ahora sí influyen en nuestra manera de trabajar.
Para ilustrar esta afirmación, vamos a centrarnos en uno de los casos más significativos: el por qué ha dejado de funcionar el parent en AS3.
AS3 no es difícil, y si se tiene una buena base de AS2 (o de otros lenguajes como C# o Java) el cambio no es muy doloroso. Una persona con conocimientos de programación orientada a objetos que empiece en Flex Builder un “Proyecto ActionScript” (sólo código) no tendrá muchas dificultades (evidentemente tendrá que conocer la sintaxis). En cambio, esta misma persona comenzando con Flash, tendrá que familiarizarse con conceptos como timeline o movieclip y entender la relación con el lenguaje.
El problema es que, en esta nueva versión, el programa se ha tenido que adaptar a las características OOP del lenguaje, así que también ha habido cambios que los programadores flash de toda la vida tenemos que asimilar (es muy difícil deshacerse de las viejas prácticas, y más si llevas 4 o 5 versiones del programa).
En este primer artículo vamos a ver qué significan las acciones que realizamos en el IDE de Flash desde el punto de vista de actionscript.
Siempre me han gustado esas piezas que transforman el mouse en un pincel y el escenario en un lienzo. Si están bien realizadas y tienen ese toque “gustosillo” se me pasan los minutos jugando sin darme cuenta.
Aquí una versión en la que gradualmente se borra lo pintado. La idea detrás de esto es redibujar continuamente los vectores sobre un bitmap y manipularlo con filtros para conseguir los fundidos.
Con cada click se modifican los valores de elasticidad y velocidad.
Mientras programaba Ventisca de píxels, fui haciendo diferentes versiones siguiendo el mismo camino: composición de imágenes mediante píxels en movimiento.
Aquí pongo otra pieza que me gustó bastante:
La idea surge de un experimento que hizo un excompañero de Herraiz&Soto, que jugaba con la manipulación de píxels para formar imágenes. Lo programó a principio del 2005 en Java, pero no llegó a ver la luz.
Con la salida de AS3 me decidí a hacer mi propia versión (realmente lo podía haber hecho a partir de Flash 8, que permitía manipulación a nivel de píxel, pero ni hablar de la diferencia de rendimiento…).
Con esta primera pieza queda inaugurado el Lab :)
Nota para los que conocéis mi manejo del photoshop: aunque no os lo creáis, la composición es mía ¬¬
