Flash CS3. GalerÃa de imágenes coverflow
Descargar archivos para Flash CS3 >>
Descargar Papervision3D GreatWhite >>
Recuerda configurar el documento Fla para las clases Papervision3D GreatWhite.
Descargar archivos para Flash CS3 >>
Descargar Papervision3D GreatWhite >>
Recuerda configurar el documento Fla para las clases Papervision3D GreatWhite.
En este ejemplo hemos animado los vértices del plano que contiene cada imagen buscando el efecto de 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 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 >>
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.
Se trata del mismo ejemplo anterior, ahora para Flash CS3.
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 Papervision3D GreatWhite >>
Podeis encontrarlos en sus respectivas páginas:
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):
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.
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")Â
.
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
.
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.