Flash CS3. Galería de imágenes coverflow

CoverFlow Galery Flash

Ver ejemplo >>

Descargar archivos para Flash CS3 >>

Descargar Papervision3D GreatWhite >>

Recuerda configurar el documento Fla para las clases Papervision3D GreatWhite.

Flex 3. Deformar una malla con Papervision3D

En este ejemplo hemos animado los vértices del plano que contiene cada imagen buscando el efecto de voltear una hoja.

Efecto voltear una hoja

Ver ejemplo y código fuente >>

Hemos utilizado Papervision3D GreatWhite, Tweener y BulkLoader. Puedes descargarte los tres paquetes de clases de los siguientes enlaces:

Descargar BulkLoader >>

Descargar Tweener >>

Descargar Papervision3D GreatWhite >>

Si prefieres las bibliotecas compiladas, puedes encontrarlas en otros post del blog como este:

Flex 3. Cartelera de estrenos de cine con Papervision3D GreatWhite >>

Flash CS3. Galería de imágenes y efecto transición

He utilizado Tweener para animar y BulkLoader para hacer la precarga de las imágenes. Los paquetes van incluídos en el archivo rar, junto al Fla.

Galería deslizante Flash

Ver ejemplo >>

Descargar código fuente y archivo Fla >>

Leer más »

Flash CS3. Cartelera de estrenos de cine con Papervision3D GreatWhite

Se trata del mismo ejemplo anterior, ahora para Flash CS3.

Cartelera de cine

Ver ejemplo >>

Descargar archivo Fla y código fuente >>

Recuerda configurar el documento Fla para las clases Papervision3D 2.0 GreatWhite, Tweener y BulkLoader.

Si no tienes los paquetes de clases, puedes descargarlos de los siguientes enlaces:

Clases BulkLoader >>

Clases Papervision3D GreatWhite >>

Clases Tweener >>

Podeis encontrarlos en sus respectivas páginas:

BulkLoader >>

Papervision3D >>

Tweener >>

Si buscas la comodidad, puedes descargarte el código fuente completo para Flash CS3 (Documento Fla y todas las clases necesarias, no hay que configurar nada):

Descargar el proyecto completo (Flash CS3) >>

Flex 3. Cartelera de estrenos de cine con Papervision3D GreatWhite

En este ejemplo hemos utilizado BulkLoader para hacer la precarga de las imágenes, Tweener  para animar los movimientos de los carteles y Papervision3D GreatWhite  para crear el entorno 3D.

Se trata de un carrusel de imágenes creadas con Papervision3D. Puedes avanzar y retroceder pulsando los botones que hay sobre el cartel de cine principal, del que se muestra su ficha técnica.

Cartelera de cine

Ver ejemplo y código fuente >>

Descargar proyecto Flex completo >>

Descargar biblioteca BulkLoader >>

Descargar biblioteca Tweener >>

Descargar biblioteca Papervision3D 2.0 GreatWhite >>

Cuando hayas creado el proyecto Flex accede al menú "Project/Properties" y elige "Flex Build Path/Library path/Add SWC...". Añade las tres bibliotecas compiladas anteriores (para PV3D, BulkLoader y Tweener). En la carpeta "src/assets" encontrarás el archivo Biblioteca.swc, añádelo también. De este último se obtienen los sprites de los botones, el fondo y la fuente de texto incrustada.

P.D.: Puedes consultar la cartelera actual de cine, además del código fuente (cuando estés en el ejemplo pulsa "botón derecho del ratón" y elige "View Source")  ;-) .

Flex 3. Flash CS3. BulkLoader

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 :-) .

Filtro Imagenes Flash

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.

« Página anterior