Se trata de una barra de botones realizada en Flash que obtiene las imágenes de los distintos estados de los botones de un xml.

Al pulsar sobre un botón se llama a la función  javascript "onClick()" que aparece dentro del código html de la página web. Esta función sólo emite un mensaje de alerta con la cadena de texto que le pasa la barra de botones.

La conexión entre el archivo swf (la barra de botones) y la función javascript la realizamos a través de la clase estática ExternalInterface, que viene a sustituir en AS3 al antiguo fscommand().

Ver ejemplo y código fuente >>

Para ver el código fuente y descargarlo, entra en el ejemplo y pulsa con el botón derecho del ratón sobre la barra de botones (no sobre el resto de la página) y elige la opción "View Source" que aparecerá en el menú emergente.

En este ejemplo vamos a simular el efecto que produce la caída de un objeto sobre la superficie del agua.

Ver ejemplo y código fuente >>

Hemos utilizado el filtro DisplacementMapFilter para distorsionar la imagen y darle un aspecto de superficie de agua.

El filtro de Flash que aplicamos distorsiona la imagen dándole un relieve que obtiene de un mapa de escala de grises: cuanto más blanco es el pixel que se procesa, más relieve da a la imagen final.

Como mapa de relieve (también conocido como bump map), hemos utilizado un gradiente radial con forma de onda, jugando con el nivel alpha del mismo. Este gradiente lo hemos aplicado a una shape llamada "fondo_shp".

Para conseguir el efecto deseado aplicamos el filtro DisplacementMapFilter a la imagen, utilizando fondo_shp como mapa de relieve.

Este ejemplo no utiliza las gráficas para mostrar datos estadísticos de Flex. Las gráficas de barras que aparecen están implementadas directamente.

Ver ejemplo y código fuente >>

Un capítulo del libro de Colin Moock, Essential ActionScript 3.0.

A mi me ha parecido una pasada. Explica un montón de historias de esas que están ahí pero no sabes porqué.

http://www.adobe.com/devnet/actionscript/articles/ora_essential_as3/ora_essential_as3_ch21.pdf

Ahí va un ejemplo sobre la propiedad 'blendMode'.

Esta propiedad afecta a la apariencia de un movieclip cuando se encuentra en una capa superior que otro objeto en la pantalla. Existen 14 modos "normal", "layer", "multiply", "screen", "lighten", "darken", "difference", "add", "subtract", "invert", "alpha", "erase", "overlay", "hardlight".

He modificado el ejemplo de la ayuda de flash y lo he pasado a actionscript 3.

Ver Ejemplo>>
Descargar Código>>

Este es el código de la clase Main.

Aquí os dejo una serie archivos para que cambiéis el estilo de vuestras aplicaciones flex.

Descargar OSX [RAR, 2.09mb]

Descargar WMP [RAR, 1.84mb]

Y si queréis diseñar los vuestros, esta plantilla os viene que ni pintado.

Plantilla Photoshop [ZIP, 1.56mb]

Puedes descargar muchos styles mas de la pagina http://www.scalenine.com/