Efecto libro con Actionscript
5 seguidores
Hola ;-)
para estrenarme en el foro aquí os dejo una consulta para ver si me podeis echar un cable.
Vereis, estoy montando una web en flash y me gustaría hacer una especie de catálogo, y para ello lo primero q me ha venido a la mente es estos books en flash que seguro hemos visto todos cientos de veces. Me gustaría algo al estilo de este sitio web q os adjunto:
Me gustaría q me pasarais algún tuto o si pudiera ser algún .fla (esto sería perfecto). Ya que imagino q explicar esto a través del foro será bastante complicado.
En fin, muchas gracias por adelantado y felicidades por el sitio, es un sitio excelente.
Un saludooOO!!
chile·logela
page flip + buscador domestiko + google = respuesta
Bk
Sacado del foro de Cristalab:
Fijate que en el fondo de la página hay un enlace que pone download sourcecode http://www.iparigrafika.hu/pageflip/pageflip_v22_source.php
Bueno... es medio engorroso adaptar el pageflip para nuestro proyecto, pero bue, aca te explico un poco como hacerlo
En la capa "action" esta todo para modifcar el pageflip
Variables q podemos modifcar
<fieldset>//these values can be changed: -------------------------------------------------------------------------
pw = 300; //page width in pixel
ph = 400; //page height in pixel
//pages in the library must have the same size, the script will not resize them!</fieldset>
Ahi definis el tamaño de las paginas
<fieldset>page=0; //first page (normally it is 0 = the page before the cover = blank page)</fieldset>
la pagina en la q empezara el libra (en la q se abrira)
<fieldset>hcover = true; //hard cover on/off</fieldset>
Indica si la tapa de libro es blanda o dura
[quote]clickarea = 64; //pixel width of the click sensitive area at the edges..[/code]
Especifica el tamaño del area de click para mover la pag
<fieldset>afa = 56; //width of the autoflip starter square.
gs = 2; //goto page flip speed
ps = 5; //mouse pursuit speed
es = 3; //flip speed after mouse btn release</fieldset>
Variables varias para indicar la velocidad del movimiento
<fieldset>canflip = true; //page flipping enabled</fieldset>
Variable de control para indicar si el libro puede cambiar de hoja o no (muy interesante para controlar el libro desde codigo externo)
<fieldset>lcover = true; //large cover on/off
lcaddx = 10; //width difference
lcaddy = 10; //height difference on top/bottom</fieldset>
Varaibles q indican si la tapa de libro es mas grande q la hoja y cuanto mas grande
Bueno, para cambiar el tamaño de las pag no hace falta solo indicarlo en el codigo, sino q tnes q crear cada pag del tamaño que especificaste en el codigo. Para eso, anda a la biblioteca y dentro de la carpeta "Page elements" y va a ver q esta page1, page2 y asi, bueno borra todas esas page1...page16. Los mc "page_templateLEFT" y "page_templateRIGHT" son los templates de las pag, modifica esos dos mc para q se adapten al tamaño fijado (sobre todo fijate en la sombra) y luego para crear cada pag tendras q duplicar ese movielcip y modificarlo (si, hay q hacer pag por pag a mano).
Recorda q siempre la cantidad de pag deben ser pares y siempre se comienza por la pag derecha. AHHH tambien recorda q tenes q "vincular a as" todas las pag.
Fijate q en el frame 4 del leyer "exporter" estan todas las pag, todas tus pag tenes q meterlas ahi (si son mas de 100, dividilas en 2 o 3 leyers sino se te cuelga todo el flash) para q el preload pueda tenerlas en cuenta)
<fieldset>//page data... (export names/tearing flag)
addPage("start"); //Always start with "start"!!!
addPage("page1");
.
.
.
.
addPage("page16");
addPage("end"); //always end with "end"!!!</fieldset>
En esa parte del codigo atachas todas las pag... si no muchas te recomiendo q uses un for. Las pag "start" y "end" no existen en realidad (no le pongas a nada como vinculo esos nombres), sino q sirven de indicadores para q el codigo sepa cual es la pag inicial y cual la final.
Bueno... despues tenes un poar de funciones para ir a alguna pag en particular, eliminar el evento del mouse, poner autoflip y demas cosas q estan explicadas el help (bandera "help" del 1er leyer)
Espero que te sirva... ^^
MadDunDee
Muchas gracias a los dos. "Page flip", son justo las palabras q necesitaba para buscar en la web algo sobre esto.
Blan, le echaré un vistazo al enlace q pones. He visto el ejemplo del link y parece bastante interesante. A ver si puedo entender way el AS. ya os contaré.
Gracias!!
altheo Profesor Plus
Hace un par de semanas se estuvo hablando de lo mismo, y se pusieron varios enlaces a webs con efecto libro, pero buscando en el buscador (valga la redundancia), ese hilo ha desaparecido... fallo en matrix?, gruyère 2.0?
Bk
No hay de que MadDunDee... ;-) Altheo, ni idea... :(
zigotica
solo habia un enlace:
https://www.domestika.org/foros/viewtopic.php?t=52132
altheo Profesor Plus
zigotica
solo habia un enlace:
https://www.domestika.org/foros/viewtopic.php?t=52132
No era ese, era otro en el que intervine yo (por eso me acuerdo), y trataba sobre un tio al que le hacia falta un pageflip que se pudiera actualizar facilmente, porq lo utilizaba en varias webs...
altheo Profesor Plus
Mi memoria ya no es la que era... aquí está el hilo del que hablaba:
http://www.domestika.org/foros/viewtopic.php?t=52126
Aun así no sé porq no la encuentra el buscador, buscando: pageflip
zigotica
es un fallo conocido del phpbb, por absurdo que suene, si la palabra está en una url el buscador no encuentra el post
altheo Profesor Plus
zigotica
es un fallo conocido del phpbb, por absurdo que suene, si la palabra está en una url el buscador no encuentra el post
ahhh... qué cosas! Hoy me acostaré sabiendo algo nuevo ;)
Bk
Yo tampoco lo sabia. Merci! ^^
Bk
La verdad es que no lo he toquiteado mucho, pero a mi me pasa al reves.
Necesito quitarle paginas. ¿Es el msmo metodo? :neutral:
MadDunDee
En primer lugar decir que en el busca del foro no encontré nada, por eso decidí postear, aún extrañandome mucho q no se hubiese hablado del tema aquí, pero bueno. Tampoco sabía que esto se llamaba "page flip".
En cuanto a la web que os comentaba (http://www.claracollins.com/), me he dado cuenta al ver tanto el page flip q proponía BK como el de pageflip.com, que el de esta web es simplemente una animación. Solo se trata de un slideshow muy bien trabajado.
Si os dais cuenta el libro es siempre igual, y lo que hay es un efecto de paginación acompañado de otro que hace q se levanten las esquinas inferiores.
De modo que me gustaría saber si alguien tiene idea de cómo hacer esto, es decir, este tipo de animaciones, pq según creo yo simplemente se trata de un efecto visual parecido al del page flip.
Si no lo veis así corregidme plz.
saludoooOOs!!
Bk
Tengo una duda.
Si quiero hacer la portada blanda, ¿como cambio el codigo?
hcover = false?
El original es este:
Cita:
hcover = true; //hard cover on/off
MadDunDee
Exacto. Para hacer las tapas blandas solo tienes q darle el valor false;
Además, si necesitas añadir páginas puedes visitar este enlace q se recomendaba en el otro hilo del foro donde se hablaba de este mismo asunto.
http://www.criteriondg.info/wordpress/articulos/pageflip-anadir-paginas/
Bk
Muchas gracias!! ;-)
Bk
Solo me queda una cosa.
Averiguar por qué conforme pasan las hojas no se ven y solo se ve la sombra. ¿Alguien me puede echar una manilla? :(