Flex, AS3, AS2, flash, css
Flex 3. Efecto pageFlip con Away3D
Descargar código fuente (proyecto Flex Builder 3 completo) >>
Descargar código fuente (proyecto Flash Builder 4 completo) >>
Para el libro 3D he utilizado Away3D y el efecto de pasar página utiliza la library de Ruben Swieringa para Flex. Para cargar las imágenes y animar dos asiduos, BulkLoader yTweenMax. Puedes encontrar todas las libraries en la carpeta libs del proyecto.
Las páginas pueden contener cualquier tipo de elemento interactivo (botones, combos, menús, dataGrids…) aunque en el ejemplo sólo muestran imágenes jpg. En previsión de que las páginas pudiesen llevar dichos contenidos he colocado el botón de minimizar fuera del libro, en la esquina superior derecha.
Cuando el libro está minimizado, da una apariencia de “caja” poco real. Se prodría haber utilizado alguna superficie ondulada en lugar de la primitiva Cube de Away3D. También sería interesante añadirle algún efecto de sombra al libro, para que no parezca que “flota” sobre el fondo. Ya sabéis, a mejorarlo 
| Imprimir artículo | Este artículo fue publicado por Luis Estevez el 5 julio 2009 a las 13:19, y está archivado en ActionScript 3, Away3D, BulkLoader, Flex 3, TweenLite/TweenMax. Sigue las respuestas a esta entrada a través de RSS 2.0. Puedes dejar un comentario o enviar un trackback desde tu propio sitio. |
hace 11 meses
I know you’re right. I would like only add pages or add a botton for example in a page.is it possible?
hace 11 meses
Hola,
Excelente ejemplo, gracias por el magnifico aporte.
Una duda, ¿hay un limite de paginas a añadir al libro? lo pregunto por que he conseguido añadir hasta 15 y funciona a la perfeccion, pero si quiero añadir mas no las muestra, son sinples .jpg como en tu ejemplo y he modificado el index.mxml y el libro.xml sin conseguir el resultado deseado.
hace 11 meses
Hola, Miguel:
Al libro se le pueden añadir las hojas que el “sistema” aguante. Yo acabo de hacerme uno con 18 hojas (36 caras) sin “excesivo” problema. Eso sí, la memoria experimenta cierta subida, no tanto por el libro, sino por la cantidad de imágenes que tiene que almacenar en componentes Flex. Teniendo en cuenta además que para el efecto del libro sobre la superficie utilizamos Away3D que también consume memoria.
Un saludo.
hace 11 meses
Descarga de nuevo el código fuente para Flex Builder 3. Ahora se crea el libro en función del número de imágenes que haya en el xml. Eso sí, ES MUY IMPORTANTE que tenga un número par de imágenes, ya que cada hoja tiene dos caras y, por tanto, el total de caras debe ser par.
hace 11 meses
Hola,
Gracias Luis, el copy&paste es una mala opcion, lo hice de las 2 ultimas lineas y copie el trozo de codigo lock=”true”
Jajajjaja a estas horas es para estar durmiendo.
Saludos y muchas gracias por tu tiempo
hace 9 meses
Disculpa como se podria cambiar el fondo?
hace 9 meses
Necesito que tenga un encabezado por ejemplo el titulo del libro que se describe, Gracias
hace 9 meses
Disculpa para agregar un link a alguna imagen y cambiar el fondo, que podría hacer?
GRACIAS
hace 7 meses
Hola, estoy intentando usar el componente con burrito 4.5, el problema que tengo es que los archivos swc fueron compilados para el flash player 10.0 y mi aplicacion por la version de Flash Builder con 10.2. Me podrian facilitar los archivos compilados en esta version?
Muchas Gracias.
hace 7 meses
Hola, Leonardo:
Creo que NO se trata de la versión de Flash Player.
Este proyecto utiliza componentes de Flex 3 (Flex SDK 3.6 o inferior) e imagino que tienes tu proyecto configurado para Flex 4 (Flex SDK 4 o superior). Configura tu proyecto para Flex SDK, por ejemplo 3.6, que trae Flash Builder 4.5 y debe de compilar sin problemas.
Un saludo.
hace 6 meses
Hola que tal, me podrias ayudar, lo que pasa es que estoy intentando pones un swf como pagina pero al momento de poner el nombre en el archivo “libro.xml” y ejecutarlo me aparece el 94 % y ahi se queda y no avanza, ya estuve viendo el codigo pero la verdad no le hallo en donde estoy fallando.