Archivo de Diciembre, 2007

Tweener

Ultimamente he estado haciendo algunas animaciones el curro y me he tenido que buscarlas castañas para trabajar un poco menos. Un buen dia descubrí el paquete tweener y me enganchó. Ahora lo aplico para todo. Se consiguen unas animaciones bastante potentes con muy poco esfuerzo.

Podeis encontrar las librerias y la documentación en http://code.google.com/p/tweener/

Tb he creado un pequeño ejemplo. Podeis ver el código pulsando haciendo click con el boton derecho.

Tweener

Flex 2. Ejemplo básico de Papervision 3D 1.7 en Flex

Para los que estéis empezando con esto de Papervision 3D y Flex, aquí tenéis un ejemplo de cómo crear un globo terráqueo:

Ver ejemplo y código fuente >>

 Recuerda que para ver el código fuente debes pulsar con el botón derecho del ratón y elegir "view source" en el menú que aparece.

 Hemos utilizado Papervision 3D 1.7. Configura tu proyecto para esta versión de PV3D (por su volúmen, estas clases no se han añadido al archivo zip que encontrarás junto al código fuente).

Flash CS3. Galería de imágenes, con Papervision 3D 2

Otro ejemplo con Papervision 3D: muestra una galería de imágenes. Aún no tengo decidida la forma de interactuar con ella. Al traer a primer plano la imagen se centra en pantalla;no sé si dejarlo así, o que sea el usuario quien decida dónde trae la imagen. Me lo estoy pensando.

Galería de imágenes

Ver ejemplo y código fuente >>

He utilizado Papervision 3D y Tweener .

Descargar biblioteca Papervision3D 2.0 GreatWhite >>

Descargar biblioteca Tweener >>

Las imágenes que se muestran no están incluídas en el archivo zip. Si te lo descargas para probarlo, edita el archivo xml de donde lee las imágenes jpg, y modifícalo para otras que poseas. Es importante que respeten la proporción 4:3 para que no aparezcan distorsionadas.

Flex 2. Ejemplo de menú hecho con Papervision3D 2

Menú cubos Flash ZoomCuando pulsamos sobre un cubo la cámara realiza un travelling hacia su cara frontal. Para volver a la vista general pulsa de nuevo sobre la figura.

Menú cubos

Ver ejemplo y descargar código fuente >>

Recuerda que tienes que configurar la ruta de clases para el paquete GreatWhite de Papervision3D. La aplicación utiliza Tweener para hacer el zoomin/zoomout de la cámara.

Descargar biblioteca Papervision3D 2.0 GreatWhite >>

Descargar biblioteca Tweener >>

Flex 2. Efecto gotas de lluvia.

En este ejemplo vamos a utilizar el filtro de Flash "ConvolutionFilter" para simular gotas de lluvia cayendo sobre agua. Si pulsas sobre la imagen se genera un foco de ondas, y si arrastrar el ratón se crea una estela.

Efecto gotas de lluvia

Ver ejemplo y código fuente >>