Archivo de Enero, 2008

Flex Builder 3. Galería de imágenes con Tweener

Todo no van a ser galerías de imágenes con Papervision3D ;-) . Aquí tenéis un ejemplo animado con Tweener (el efecto de maximizar y minimizar las imágenes).

Menú tweener

Ver ejemplo y código fuente >>

Descargar código fuente (Proyecto Flex completo) >>

Flash CS3. Motor de físicas Box2D para Flash CS3

Puedes dibujar con ayuda del ratón diferentes objetos, que interactuarán entre sí en el escenario. Los objetos poligonales están limitados a 8 vértices como máximo y deben ser convexos; o sea, no tener entrantes ni huecos.

No lo he testeado mucho y seguro que tendrá varios bugs. Por ejemplo, me acabo de dar cuenta que hay alguna falta de ortografía en la interface. Nada, mañana lo corrijo ;-), intentaré ordenar un poco el código que está algo caótico.

Os animo a utilizar este motor de físicas, es un poco más complicado que APE (con el que publicamos un ejemplo hace unos meses) pero es mucho más potente. Como he mencionado más arriba, las figuras poligonales tienen la limitación de ser convexas; algo bastante comprensible, ya que una figura cóncava (con oquedades) es bastante más difícil de procesar. Pero este "problemilla" se puede solucionar utilizando figuras compuestas. En la versión 1.5 de este ejemplo pretendo implementarlas también, tiempo al tiempo =:-0.

Motor de físicas Box2D

Ver ejemplo y código fuente >>

Hemos utilizado el motor de físicas Box2D para ActionScript 3 que puedes descargarte de la página de este interesante proyecto Open Source:

Box2DFlashCS3

Encontrarás también varios ejemplos con el archivo Fla y todo el código fuente que, seguro, te dejarán con la boca abierta :-).

Flex 2 Contenedores con Fondo Degradado

Hace algunas semanas encontre un ejemplo en la red que me ha sacado de algunos apuros. Implementa una clase que aplica un degradado de fondo a cualquier contenedor Flex. Lo posteo aqui con el fin de tenerlo siempre a mano.

Gradient

Pulsa para ver el ejemplo >>

Pulsa para ver el código >>

Menu Tweener + Bitmap Smoothing

Otro ejemplo de la utilidad de la librería Tweener. He hecho un menú animado con Tweener modificando la escala de las imágenes. Con las características de los contenedores Flex y pequeñas animaciones hechas con Tweener podemos obtener muy buenos resultados con pocas lineas de código.

Por otro lado he aplicado un suavizado a las imágenes para mejorar el aspecto al modificar la escala. Para realizarlo hay que habilitar la propiedad smoothing de la clase Bitmap. Lo he sacado de este artículo - "Enable Smoothing on Images for scaling in Flex 2"

Menu Tweener

Haz click para ver el ejemplo y el código >>