Flex, AS3, AS2, flash, css
Entradas etiquetadas con Filtros
Flash CS4. Efecto tintado de las líneas de un boceto.
20 ene
Una forma rápida de cambiar el color de las líneas negras de un boceto aprovechando el modo de fusión BlendMode.ADD.
Descargar proyecto ActionScript >>
Descargar proyecto Flash CS4/CS5 >>
Flex 3. TeraFire Effect
9 mar
Un ejemplillo de la libreria TeraFire.
Efecto fuego desde Japón – http://www.libspark.org/wiki/trick7/TeraFire
Flash CS3. Cohetes
4 oct
Atendiendo la petición de un oyente… esto… de un lector del blog, aquí va un ejemplo muy verbenero sobre como explotar cohetes.
TODO: Colocar sonido a las explosiones 
Descargar código fuente (archivo Fla incluído) >>
P.D.1: Como hemos dicho alguna vez, la probabilidad de atender una petición es directamente proporcional a las ganas que tengamos de hacerla, multiplicada por el coeficiente “encontrar un hueco”. Pero por pedir, que no quede 
P.D.2: He visto el ejemplo en un ordenador más antiguo que el mío habitual y parece que va algo lento. He sido un poco animal y lo he hecho a 800×600 y 50 fps. Si en tu ordenador va lento, cambia a un tamaño menor, o disminuye el número de cohetes que se disparan en cada tanda.
Flash Player 10. Otro ejemplo, con motion blur
24 may
He animado los movimientos con Tweener y le he aplicado un falso motionBlur con el filtro BlurFilter, en función de la posición de cada plano.
Para iniciar el efecto pulsa sobre la imagen cuando estés en el ejemplo.
Flex 3. Flash CS3. BulkLoader
5 abr
Se trata de otro ejemplo de utilizacion de BulkLoader. El anterior me salió “poco pesado”, una cualidad muy apreciada en las personas, pero menos conveniente en este caso .
Ver ejemplo y código fuente >>
Descargar proyecto Flex 3 completo >>
Descargar biblioteca BulkLoader >>
Descargar biblioteca Tweener >>
Se trata de un proyecto ActionScript, por lo que puede utilizarse desde Flash CS3. Los filtros que se aplican a las imágenes son filtros de convolución (ConvolutionFilter): desenfoque, detección de bordes, nitidez, etc; y filtros ColorMatrix (ColorMatrixFilter): blanco y negro, negativo, canales de color, etc.
Como viene siendo costumbre, las imágenes no están incluídas en el archivo zip, y se trata de las de siempre . En este caso he utilizado 20 imágenes cuadradas: imagen1.jpg, …., imagen20.jpg. Puedes coger 20 imágenes propias que te gusten y llamarlas así, o pasarte por la carpeta de la caché de tu navegador web y recuperarlas.
Por cierto, últimamente estamos posteando proyectos exportados con Flex 3. En principio no debe dar mucho problema utilizar el código con Flex 2, ya que se trata de archivos zip.
P.D.: Me he inspirado (ahora se llama así a copiar descaradamente) para este ejemplo en una aplicación web bastante popular. Doy una pista para el que no la haya reconocido: empieza por Photoshop y acaba por Express.
Flex 2. Pasemos página
2 mar
Un ejemplillo de aplicación de la clase DeformBitmap anterior. La he modificado un poco para adaptarla a este caso, pero básicamente es la misma.
He utilizado Tweener para animar el efecto.
Flash CS3. Ejemplo de utilización del filtro DisplacementMapFilter
25 feb
Aviso desde ya que este ejemplo ha salido un poco “Matrix”, y es algo cansado de ver.
Descargar código fuente y archivo Fla >>
El filtro DisplacementMapFilter -o filtro de mapa de desplazamiento-, se puede utilizar a partir de un mapa en escala de grises, pero para conseguir un mayor efecto 3D es aconsejable emplear normalsMap’s. Estos mapas los generan los programas de 3D como 3D Studio Max o Cinema 4D.
En 3D Studio tienes la posibilidad de generar un normalsMap para un objeto de baja resolución en el cuadro de diálogo del tostado de texturas (tecla 0).
Una vez generado el normalsMap (es una imagen que habrás guardado en formato tga o png) se le pasa como parámetro al filtro DisplacementMapFilter, y este se aplica a la imagen que quieras “inflar”. Para reforzar el efecto 3D, se puede colocar encima un sprite con las sombras renderizadas en 3D Studio.
En este ejemplo, imagen1.png contiene el normalsMap e imagen2.png muestra las sombras renderizadas del objeto
(ambos archivos puedes encontrarlos en el zip del código fuente).
Flex 2. Efecto humo en Flex
23 feb
He adaptado el ejemplo anterior para Flex, añadiéndole una pequeña interface que modifica el comportamiento de las partículas de humo. Puedes cambiar el color, velocidad, vida… de las partículas que se generan al interactuar con el visor.
Ver ejemplo y código fuente >>
Recuerda que para ver el código debes pulsar sobre el ejemplo con el botón derecho del ratón y elegir “View source”.
Flash CS3. Efecto humo
21 feb
Se trata de un ejemplo rápido para generar humo.
Empecé utilizando como partículas png’s con alpha, el efecto salía más conseguido (utilicé los sprites de Combustion para humo) pero se ralentizaba demasiado, así que he optado por dibujar circulos con gradientes de nivel alpha: creo 2 sprites por partícula para dar más sensación de caos.
A la partícula se le puede dar un color, aunque he optado por el humo blanco para no hacer un gas demasiado estridente.
Para generar el humo pulsa y arrastra el ratón sobre el visor.
