Acaba de salir una actualización de Flash Player 9 que soluciona un grave problema de seguridad. Sería conveniente que te pasaras por la página de Adobe para actualizarte. Salió el 17 de abril de 2008, y actualiza Flash Player a la versión 9.0.124.0.

La transición entre imágenes está inspirada en el spot televisivo de un conocido banco (el que lo adivine tiene premio ).

Las imágenes que he utilizado son las mismas de siempre. Estamos un pelín repetitivos, pero es que el servidor está casi lleno y tenemos que reutilizar lo que hay ya O:-) .

Ver ejemplo y código fuente >>

Se puede configurar el número de segmentos horizontales y verticales en que se divide la imagen, así como la duración de la transición y del giro de cada pieza.

Para la animación he utilizado Tweener y las clases no están incluídas en el código fuente.

Este ejemplo estaba ya subido, creo recordar que en noviembre. Lo he borrado accidentalmente y aquí lo tenéis de nuevo. Perdón por las molestias O:-)

 Ver ejemplo y código fuente >>

Utilizo el motor de físicas APE para ActionScritp 3, cuyas clases no van incluídas en el código fuente.

Os paso un link a la librería de componentes open source FlexLib. Últimamente he estado probando algunos de ellos y me parecen super útiles.

http://code.google.com/p/flexlib/

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.

Ver ejemplo y código fuente >>

¿Cómo es posible que Flash Player muestre objetos 3D, si en la página de Adobe, y más concretamente, en la sección de Flash/Flex no se habla nada al respecto? Realmente Adobe/Macromedia no ha desarrollado ningún motor 3D. Lo que Carlos Ulloa concibió y que tan rápidamente ha crecido, dando páginas web impresionantes, es una ingeniosa utilización de la capacidad de Flash para distorsionar bitmaps. La génesis, y los cimientos de Papervision3D están en la clase Bitmap/BitmapData que apareció con Flash 8, si no recuerdo mal.

Aquí tenéis un ejemplo my básico, -y de mi propia cosecha, no tiene nada que ver con Papervision-, de cómo distorsionar un bitmap. Simplemente se trata de transformar una malla (utilizo la ecuación de un plano Bézier de cuatro puntos) y rellenar sus triángulos con bitmapFill.

Ver ejemplo y código fuente >>

Puedes ocultar/mostrar la malla, cambiar su densidad, y aplicar suavizado a la imagen.

 La clase que distorsiona la imagen se llama DeformBitmap.as y la encontrarás en el paquete jel.com.effects. Extiende de Sprite, por lo que la puedes utilizar directamente desde Flash. Al instanciarla se le pasa el Bitmap con la imagen y el número de segmentos horizontales y verticales de la malla. Para distorsionarla se llama al método transformBezier, dando como parámetros 4 puntos con la posición de las esquinas.

Encontrarás también la clase DeformSprite que, como su nombre indica, permite distorsionar un sprite. Esta clase tiene dos parámetros más:

- Fondo transparente, o no. Si el sprite no tiene un contorno rectangular es conveniente configurar este parámetro como true.

- Suavizar la conversión de vectorial a bitmap.

P.D.: Por cierto, parece que Adobe por fin se ha decidido, y en el proximo Flash CS4 (verano de 2009) implementará la posibilidad de mover capas en 3D.