2ª parte tutorial Pageflip

Bueno pues por fin está acabado. Me ha costado más de lo que pensaba pero el haber tardado un poco más de lo previsto me ha permitido ampliar el contenido del mismo.

Actualización: Actualmente ya no hay necesidad de depender de una versión de pageflip en Flash. Tenéis como mucho mejor alternativa y en formato jQuery un completo efecto pageflip que además es responsive, por lo que se adapta perfectamente a diferentes dispositivos. A un precio bien majo y totalmente asumible :) Pageflip responsive con jQuery

La segunda parte del tutorial intenta explicar un poco cómo redimensionar páginas, añadir contenido dinámicamente y dar el primer paso para la creación de un índice.

Puede que haya tenido algún fallo o que se me haya pasado algo por alto asique pediría a los que vayan a ponerse con ello que lo tengan en cuenta y me informen si lo consideran necesario. Mientras tanto, aquí está el enlace.

:: Pageflip: Apuntes finales ::

Hey! Échale un vistazo a este recopilatorio de promociones y descuentos que he hecho. No tiene truco. Fíjate en la promo Smashing o en el pack de todos los temas de WordPress creados por Array.is!

Hay 133 comentarios

  1. Skeku

    Voy a intentar trastear con ello, sin embargo dicho botón debería ir en un swf externamente como el resto? Cómo se comunicaría con el resto de páginas para poder enlazar?

    Porque claro, el tema está en que si por ejemplo queremos saltar del índice a la página 6 y queremos que se muestre el paso de las páginas la cosa sería más o menos así?

    swf indice >> llamada a pageflip >> swf página 6

    Como ya he dicho, es algo que ya se me escapa :D

    GRacias de nuevo.

  2. Scelsor

    Muy buenas, realmente es muy buen tutorial, y el efecto logrado por este AS en flash es espectacular y distinto a lo habitual, pero en la parte del tutorial creo que se ha quedado una cosa sin tratar, y que da muchos quebraderos de cabeza, ( nose si sere el unico al que le sucede).
    Se trata del redimensionamiento de el tamaño de la película, ” Para modificar el tamaño de la película, será necesario modificarlo desde el archivo fuente pageflip_v213_dynamic.fla, pero eso no tiene mucho misterio “. Pues yo encuentro bastante complicado el hacerlo, ya que una vez dada la dimension deseada a las paginas, me encuentro con el problema de que las dos paginas quedan separadas por el centro al pasarlas, vamos, que no quedan como un libro, y por mas que he cambado dimensiones en todo lo habido y por haber no he logrado aun como hacer que la apariencia se conserve estable.
    ¿ No podria alguien explicar ese paso? o en su defecto, ¿¿ cual es exactamente el archivo o pagina, etc que se debe modificar y en que forma, para que coincida el tamaño de la pagina modificada con los shaders el fondo etc ??.
    Muchas Gracias.

  3. Skeku

    Hola Scelsor ;)

    Veamos, el tamaño estándar de la película es de 800*600, cosa que puedes modificar a tu gusto. El problema está en que si modificas dicho valor, todas las máscaras y sombras seguirán permaneciendo en el mismo punto que antes. Tienes que mover dichos elementos a mano (hasta que alguien de con la tecla para hacerlo de otra forma :P).

    Aunque parezca una molestia, es mucho más pesado todo lo que había que hacer en el pageflip original puesto que, aparte de moverlo todo, había que redimensionar todos esos elementos de acuerdo al tamaño de página que deseasemos, cosa que ahora no hace falta puesto que tan sólo estableciendo las dimensiones en el archivo pages.xml, ya se hace todo de manera automática (siempre y cuando hayas diseñado las páginas al tamaño adecuado).

    Asi pues el problema es ese. Con esta versión dinámica se simplifica el proceso de añadir y redimensionar páginas. Queda por “solucionar” el tema de poder mover los objetos dentro del archivo fuente de una manera más automática.

  4. Scelsor

    Skeku, Gracias por responder, bueno, por mas que he intentado de todo siguiendo el manual de redimension con el script modificado paso a paso, no hay manera de que me funcione, siempre me queda un hueco entre cada pagina, y otra cuestion, es que no me añade paginas nuevas, siempre me aparecen las que trae por defecto, y en el supuesto caso de cambiar por ejemplo “page1.jpg” la que viene por defecto por otro mia con las dimensiones oportunas, esta no se ve, sino que aparece como una pagina trasparente, como si solo fuese una hoja de plastico.
    Realmente no se donde cometo el error, vaya quebradero de cabeza, me temo que al final voy a tener que prescindir de este fabuloso efecto, y realmente es que me tiene comido el coco, me parece lo mas bueno que he visto.
    Saludos y Gracias de nuevo.

  5. Skeku

    Eso si que ya me parece bastante raro Scelsor.

    Si no te importa, envíame tus archivos (la fuente, tus páginas, etc… etc..) y le echo un vistazo a ver qué puede pasar. (infocriterion@gmail.com)

  6. Scelsor

    Hola de nuevo Skeku, he intentado enviarte los archivos a la direccion que has dejado pero no lo admite, me da el correo devuelto, los adjuntos son 400Kbs, deberia admitir el envio ya que no pesa demasiado pero parece ser que tu cuenta no lo admite o esta llena o no esta operativa. :(
    si lo deseas mi msn es (dyablox@hotmail.com)
    saludos desde Cantabria, (España)

  7. Th3Br41n

    A simpler way for scaling/resizing page is to create an “attachMovie” prototype:
    MovieClip.prototype._attachMovie = function(r, n, l, i) {
    var a = this.createEmptyMovieClip(n, l);
    var b = a.attachMovie(r, 'ss', 0, i);
    b._xscale *= pageFactor;
    b._yscale *= pageFactor;
    return a;
    };

    where “pageFactor=pw/300;”, with pw setted to the desidered page width. Then you have to modify every *.ph.pic.attachMovie(pageOrder[*], "pic", 0); to *.ph.pic._attachMovie(pageOrder[*], "pic", 0); in “setPages” function (don’t modify *.hfliph.attachMovie("sph", "sp2", 0) and *.hfliph.attachMovie("sph", "sp3", 0)). That’s all and it is simpler and more general than modify every mc.
    As regard the dynamic version of the flipping book: according to me, it is unusable for a large number of pictures/animations because it loads them 8 times and so the player needs a large amount of memory.

    ~ Th3Br41n ~

  8. Skeku

    Thx a lot for your comment Th3Br41n. I’ll take a look at your suggestions about pageflip and I’ll consider it to make another tutorial.

    About dinamic version…it loads 8 times? Can you explain it a little, please?

  9. Th3Br41n

    In actionscript in the 6 frame there is

    // load page assets (ie. JPG, SWFs) into page MCs
    var init = (transparency)? 0 : 1;
    for(var i=init;i<pageClips.length;i++) {
    for(var j=0;j<pageOrder.length;j++) {
    var p = pageClips[i].createEmptyMovieClip("p"+(j+1),j);
    p._x = j*pw;
    p.loadMovie(pageOrder[j]);
    }
    }

    for the hard cover pages
    var tm = pages.flip.hfliph.attachMovie("sph","sp2",0);
    tm.ph.pic.pic._x = -pw/2;
    tm.ph.pic.mask._x = -pw/2;
    tm.ph.pic.pic._y = -ph/2;
    tm.ph.pic.mask._y = -ph/2;
    for(var j=0;j<pageOrder.length;j++) {
    var p = tm.ph.pic.pic.createEmptyMovieClip("p"+(j+1),j);
    p._x = j*pw;
    p.loadMovie(pageOrder[j]);
    }

    var tm = pages.flip.hfliph.attachMovie("sph","sp3",1);
    tm.ph.pic.pic._x = -pw/2;
    tm.ph.pic.mask._x = -pw/2;
    tm.ph.pic.pic._y = -ph/2;
    tm.ph.pic.mask._y = -ph/2;
    for(var j=0;j<pageOrder.length;j++) {
    var p = tm.ph.pic.pic.createEmptyMovieClip("p"+(j+1),j);
    p._x = j*pw;
    p.loadMovie(pageOrder[j]);
    }

    note that “loadMovie” is in 3 for statement and it is repeated 6 times for the “soft pages” and 2 times for the “hard cover pages” (8 times)…

  10. Skeku

    Jordi, como no tengo ningun proyecto de tantas páginas he probado a coger la versión modificada y hacer llamadas repetitivas a las mismas 10 páginas (un total de 100 veces)…y se me han mostrado correctamente. En el código creo recordar que en ningún momento se especifica un límite de páginas. El único límite existente está en que el ordenador pueda “tirar” con el archivo puesto que si lees los comentarios de arriba, verás que esta versión modificada carga hasta 8 veces el contenido y es posible que te pueda fallar por eso.

    No obstante si quieres puedes mandarme el proyecto o colgarlo en algun lado para que le eche un vistazo.

    SAludos.

  11. jordi

    Skeku,
    Gracias por tu respuesta, ya lo tengo solucionado, tenia mal nombrado un archivo y se me paraba en esa página.
    tengo otra duda: ¿Como puedo hacer un avance página y un anterior página? Tambien quiero descargar un clip (animación) al pasar página y parar los sonidos.

    Gracias x adelantado y 1 saludo a todos!!!

  12. Skeku

    Jordi, una pregunta: ¿por qué necesitarías botones avanzar y retroceder si con hacer clic en una de las esquinas de las páginas ya tienes esa función?

    De todas formas lo puedo mirar si quieres.

  13. Natalia

    Hola, tengo una duda…estoy haciendo una revista en flash con el efecto pageflip. Necesitaria saber si puedo asignarle a un botón que está en la página 1 la función de que cuando pase por encima me active otro botón que se encuentra en la página dos. Pongamos por caso que en la página uno tengo un botón redondo que cuando estoy encima de él se pone rojo y que a su vez me lleva a la pagina 3, y en la segunda página, tengo otro botón donde esta escrito REDONDA y que también me cambia de color y me lleva a la pagina 3. Pues bien, lo que quiero hacer es que si colocas el cursor en el botón REDONDA éste se ilumine pero a la vez la redonda de la página 1 se ponga roja…no se si me he explicado muy bien:P! Bueno si alguien puede ayudarme le estaré eternamente agradecida!
    saludos!

  14. Delman

    Hola a todos, tengo un pequeño dilema con pageflip, estoy haciendo una felicitacion de navidad, la tengo hecha en una pelicula aparte, esta pelicula es en plan dibujos animados, son varias animaciones dentro unas de otras, me explico …imaginad… sicilia 1920…no no, me piro, pues esto… imaginad un muñeco de nieve, cada parte del muñeco por partes, (cabeza, brazos, etc…) la cabeza se mueve, cuando acaba el movimiento manda un play a la animacion inicial para que avance un frame _root.boladenieve.play(); … y asi toda la animacion, cuando acaba de animarse una cosa, se anima la siguiente… todo ello dentro de una animacion, bueno, pues cuando la ejecuto por libre va perfectamente, toda seguida … cuando lo meto dentro del pageflip, se queda en un bucle eterno, se queda la cabeza haciendo el movimiento inicial y de ahi no pasa… esto imagino que es por el rollo ese de los niveles o algo asi, pero no doy con ello, alguien puede echarme una manita???

    Muchas gracias.

  15. aLBERTO

    hola
    he intentado de muchas formas lograr hacer que mi revista o mi archivo de pageflip, quede de tal forma que sea un solo archivo, asi tipo lo que hacen en la revista end, (www.end.cl) o lo qe hacen en newwebpick (www.newwebpick.com), en donde uno puede bajar una revista simplemente como un archivo, pero por mas que intento, no puedo, alguien me podria decir como hago para hacer tan solo un archivo, desde mi page flip.

  16. aLBERTO

    cOMO HAGO PARA REDIMENSIONAR LAS PAGINAS DENTRO DEL ARCHIVO ORIGINAL, NO LA VERSION DINAMICA.
    pOR QUE MODIFICO LO DEL TAMAÑO DE LAS PAGINAS, PERO DESPUES NO ENTIENDO LA LOGICA CON LA QUE HAY QUE REDIMENSIONAR LOS DEMAS ELEMENTOS
    ¿ALGUIEN ME PUEDE EXPLICAR?

  17. Skeku

    Alberto, tal y como se dice, la versión original ha de ser modificada elemento a elemento, no basta con modificar el tamaño de las páginas exclusivamente. Es un proceso realmente lento y laborioso.

  18. espe

    tengo problemas con los botones de las paginas que estan en la carpeta pages el pageflip dinamico no me permite accionar dichos botones y automaticamente cambia ala siguiente pagina
    que puedo hacer???????

    y quiero desir que el indice que va a la primera pagina se puede hacer externamente atravez de clip transparentesque contiene un txt vacio

    y el indice de las paginas tambien se puede hacer externamente atravez del boton en lel fla incice sea transparente y no txt

    y la dimension de la pagina se puede hacer poniendo en el .htm el 100% en la configuracion de publicacion, y se ven paginas mas grandes que de 800×600 claro cambiando el tamaño tambien en los archivos ext enlazados tal como ya lo explicaron por aqui no hay que cambiar el tamaño de ninguna imagen del fla origina.

    por favor respondan a mi pregunta.

  19. espe

    Todo esto lo he hecho basandome en los tutoriales de esta pagina y modificando algun que otro bot o clip ya que mi indice tambien estaba en un IMG.jpg en la carpeta pages me imagino que los que sepan mas action script sabran hacerlo mejor y si tienen sugerencias os agradesco, Pero sigo teniendo problemas con los botones de las paginas y quiero quitar el paso de hoja por la parte inferior de esta no se tampoco como hacerlo aunque primero me urge lo de los botones nuevamente os pido ayuda

    Gracias a esta pagina y a los colaboradores ext.

  20. Skeku

    espe, no termino de entenderte muy bien.

    Por un lado dices que tienes unos botones que no te funcionan. Concretamente qué es lo que te ocurre? Cuantos más datos des mucho mejor.

    Sobre lo otro que dices de cambiar los tamaños cambiando los porcentajes de ancho y alto en html pues…no sé, no distorsionaría también las imagenes que se cargan? Pero bueno, eso es para la versión original, para la versión modificada esto no es necesario ;)

    No obstante más tarde voy a poner un post sobre otro tipo de efectos libro que tal vez os interesen.

  21. juan

    Hola, he estado siguiendo todos los tutoriales de este maginifico efecto, pero me queda una gran duda para antes de aplicarlo a mi proyecto:
    En la version dinamica, en donde las imágenes se cargan externamente, éstas se cargan todas de una vez??. O sea yo probando desde el flash (sin alojarlo en un servidor), en el preload aparece el mensaje cargando pagina 0 de 10 y tarda un buen rato en cargar como si todas las imagenes estubieran dentro del flash.
    Agradeceria que me explicaran el proceso de carga debido a que mi futuro proyecto posee muchas imagenes y necesito que se carguen las paginas conforme se las va pasando. Gracias

  22. Skeku

    robert, has de indicar qué versión usas del pageflip, si la modificada o la original.

    Mira los últimos comentarios de este post. Karito tenía un problema similar y lo solucionó simplemente rehaciéndolo.

    Ya me dices a ver.

  23. TONYP

    CREO QUE ESTO TIENE QUE SER UN EFECTO AUTOMATIZADO. SOLO HABRIA QUE INSERTAR LAS PAGINAS Y LISTO, CON FORMATOS DE POR MEDIO, OVBIAMENTE. CREO QUE AHORA QUE ADOBE MANEJA MACROMEDIA, TENDRIA QUE AUTOMATIZARLO, COMO EN EL CASO DE TODOS LOS PROGRAMAS DE DISEÑO.
    IGUALMENTE SEGUIREMOS TRABAJANDO.
    SOMOS DISEÑADORES O DESARROLADORES ?
    UN ABRAZO, TONYP

  24. pedro

    Hola, queria saber si alguien ha probado a meterle una funcion para que pase de página automatica cada…X segundos, del principo al final del libro…y cuando llegue al final otra vez. toy un poco verde en AS, por lo que tado leyendo por ahi..eso se haria con el setInterval ?

    Alguien sabe?

  25. Skeku

    Pedro yo particularmente no lo he intentado, pero seguramente dará algun problema.

    Mmm, puedes probar a llamar a la función de gotoPage cada vez, metiéndola en un bucle para que vaya sumando una página más ;)

  26. pedro

    si, hacer alguna movida con gotoPage también lo pensé, bueno la semana que viene me pondré a darle vueltas al coco a ver si me sale jeje, si me funciona, lo postearé aqui. Si alguien aburrido lo hace antes que lo postee jeje

    deu!

  27. pedro

    hola, empece a trastear, no se programar..aparte de asignar variables para jugar con propiedades de color y poco más…no doy para más. Tras leerme la función setInterval se me ocurrio lo siguiente: meter un clip vacio en las paginas con una llamada tras pasar un cierto tiempo (setInterval) y que pasara a la página que le pongo al clip vacio. Me hice el siguiente código:
    _____________________________________
    onClipEvent (enterFrame) {
    function pasaPagina() {
    _root.gotoPage(2,true);
    }
    setInterval( pasaPagina , 10000 );
    }
    _______________________________________
    bien…puse en la primera pagina el clip vacio con ese código y me pasa a la página 2 sin problemas, a la pagina 2 le meto el mismo clip vacio con el mismo código pero para que me lleve a la página 4 _root.gotoPage(4,true); y…pasa la página pero hace un bucle…pasa la pagina y se vuelve a la 2 y se queda en bucle..pasando la pagina y volviendola para atrás…Le estoy dando vueltas a ver si es por el evento…no se..probé metiendo un clearInterval (pasarPagina) y no va tampoco.

    ¿Alguna idea de alguien mas prolijo con AS ?
    Gracias

  28. Skeku

    pedro, pues no tengo mucha idea la verdad, aunque podría echarle un ojo al código si lo cuelgas en algun sitio ;)

    no obstante, a mi me parece que estás haciendo la llamada siempre a la funcion pasaPagina y escribes en ella q salte a la 2. Por mucho que la cambies luego, creo que seguirá ocurriendo lo mismo.

  29. Gonzalo Prieto

    Hola, despues de haber disfrutado tanto el hallazgo de esta genial ayuda me encuentro en un pequeño problema… estoy haciendo una catalogo fotografico para la web, utilice la version de pageflip modificada para llamar las imagenes de una carpeta externa, funciona perfecto off line pero cuando lo cargo on line se demora 47 minutos en cargar todo ( bueno no exactamente) el punto es que no he encontrado la forma de crearle un loading por paginas… ejemplo http://www.calle20.com, por favor si alguien sabe algo.. pues bienvenida sea, gracias dee antemano…

  30. Skeku

    Gonzalo, cuantas fotos cargas en el pageflip? Porque usando la version modificada, ya se explicó que cada archivo se carga unas cuantas veces y es posible que eso repercuta en el rendimiento.

  31. Gonzalo Prieto

    hola Skeku,
    la verdad son 28 jpg pero cada uno pesa casi 30k ( que no me parece mucho) pero cuando utilizo la version modificada demora un año en cargar solo la primera.

    tiene que haber una forma de cargar pagina por pagina como el ejemplo que mencione.. calle20.com

  32. Skeku

    Gonzalo, pues me extraña muchísimo porque 28 es un numero “normal” dentro de lo que cabe. Has comprobado todo? Quizá sea tema del servidor en vez del programa en sí.

    Sobre lo de cargar externamente, claro que lo hay, de hecho tienes la prueba en lo de calle20 pero hasta ese punto ya no llego. En abusemagazine.com también tienen algo similar para su revista online.

    Estoy buscando informacion sobre el tema aunque como ya digo, no soy programador flash y se me escapa un poco de las manos.

  33. Gonzalo Prieto

    Bueno agradesco a Skeku por sus comentarios..pero temé una desicion… comprar el componente… jejeje gracias… y les doy un consejo a los que les gusta este efecto… compren el componente…. es de gran ayuda

  34. Skeku

    Gonzalo has de decirme a cuál te refieres… a uno que muestra un ejemplo de libros con imágenes de BMW tal vez? (es que no tengo la dirección a mano)

  35. pedro

    hola skeku…al final lo de la funcion de pasar paginas solas…le quite el nombre de la funcion para que no me llamase a la función y me volviera a la misma página y …paso a explicarte

    Meto un clip q llamo pasapaginas con la siguiente acción dentro de la página uno
    ________________________________________________
    onClipEvent (enterFrame) {
    setInterval( _root.gotoPage(2,true), 100000 );
    }
    _________________________________________________

    Esto hace que pase la página automatica a la pagina dos del libro, luego en la pagina 2 le meto el mismo clip con la misma accion pero dandole un poco de más tiempo para q se pueda ver un poco y que me pase a la pagina 4 ya que cuando pasa a la 2, tambien se puede ver la 3:
    ________________________________________________
    onClipEvent (enterFrame) {
    setInterval( _root.gotoPage(4,true), 200000 );
    }
    _________________________________________________

    Pasar pasa la página…pero la pasa superrápido, da igual el tiempo q le ponga al setInterval, se lo pasa por el forro. y lo que quiero es q pase la página y …tarde un poquito de tiempo en pasar a la siguiente.

    Subo un ejemplo a una web ver si alguno me ilumina o me puede echar un cable…supongo q será una chorrada q yo no tengo ni puta idea.

    Gracias de antemano
    la web para bajarte el fla. con el ejemplo es:

    http://www.miniesparza.com/libro.rar

  36. Skeku

    pedro, esta tarde estuve revisando la versión 2.2 de pageflip porque tengo que ampliar la información y acabo de recordar que desde la 2.13 hay una función para hacer el pasado de páginas de manera automática. Se trata de startAutoFlip();, Puedes encontrarla en la capa actions (frame 4 me parece).

    Lo que no sé es que variable toma como tiempo entre paso y paso de página.

  37. pedro

    hola skeku, es en el keyframe 5, ya vi esa función antes, pero si no me equivoco esa función calcula el pasado de página automatica cuando el ratón llega a una determinada posición una vez has arrastrado la página. No es para que pasen las páginas solas.

    En el keyframe 15 vienen comments de las acciones y viene precisamente una explicando la funcion autoflip(), te la pasteo:

    ____________________________________________________
    autoflip(); start autoflip (direction is calculated from _xmouse)

    Gracias por molestarte, a ver si alguien con más idea de action q yo (cualquiera q sepa un poco) echa un ojo al flash q subí y me dice en q me equivocado

    Saludos

  38. Skeku

    pedro, le echaré un ojo aunque no te prometo nada :D

    Pues lo del autoflip sí que ví lo que comentas, pero ayer a mi que me hacía el pasado automático de hojas desde el principio…ni llegue a mover el cursor ni nada.

  39. pedro

    sheku…dijiste que tu conseguias con la funcion autoflip (); q te pasaran las hojas solas..o algo así entendi… como lo hiciste? , por que yo no veo la manera con esa funcion.

    Thanks a lot..shek ;-)

  40. Skeku

    pedro, te lo miro mañana de nuevo pero ya te digo, creo que sólo hice la llamada al autoflip y nada más. Ya te digo, te lo confirmo mañana.

    PD: Es sKeku, las dos con k (se confunde mucha gente y no llego a entenderlo xD)

  41. pedro

    como hacias la llamada? al iniciar con un

    onClipEvent (onload) {
    startAutoFlip();
    }

    asi estaria bien?

    perdona por lo de sheku…es que la K se confunde con una H..y con el personaje de la bola del drag…pues..es facil confundir..jeje
    thanks sKeKu

  42. Skeku

    pedro, más fácil incluso:

    En el frame 6 de la capa actions abajo del todo aparece una llamada a la función. Basta con “descomentarla” y ya me hacia el pasado automático.

    Acabo de volverlo a comprobar y funciona perfectamente (versión 2.2). Lo que ya te digo es que he estado mirando y no encuentro donde poder modificar el tiempo que tarda en pasar las paginas. Seguiré mirándolo.

  43. pedro

    skeku , ya encontre donde modificar el tiempo entre pasada de hoja…con razon no me salia…yo estaba con la version 2.13…q burro , hasta ahora no me di cuenta q la version q necesitaba era la 2.2, para modificar el tiempo esta en la funcion

    function startAutoFlip () {
    intervalID = setInterval(nextPage,2000); //2 seconds
    }

    cambias el intervalo de time y listo…

    Gracias skeku y compañia por los comentarios ;-)

  44. Skeku

    adrian, eso ya escapa a mis conocimientos de flash. Es bastante más complicado que el código del efecto original.

    Cuando yo he querido mirar cómo funcionaba alguna cosilla en flash he recurrido a programas decompiladores de código.

  45. fernando Perez Reyes

    estimados
    creo que resolvi el problema del tamaño, para agrandar la pelicula al tamaño que necesites tienes que ir a la layer con el nombre pages le quitan las x al lapiz y el ojo y achican la vista para poder luego con la erramienta free transform modificar toda la selleccion simplemente estirando de las puntas tratando de no deformarla
    de esta forma las paginas se agrandan sin problema, en esta mima layer tambien puedes regular el tamaño del espacio donde esta la revista
    espero que esto ayude
    saludos a los colegas del mundo de este chileno que ama el diseño.

  46. Andres

    Que tal a todos, Saludos, hasta hace poquillo descubri el pageflip y me parecio muy interesante, sobre todo porque tengo que hacer una revista con este efecto…

    Creo que he manipulado casi todo (estoy manejando el pageflip dinamico), es solo que tengo un problemilla, de manera local funciona a las mil maravillas, pero cuando lo subo al servidor este no logra cargar la ultima pagina de la revista (son 12 paginas), segun yo, creo que he seguido las instrucciones al pie…

    Si hay alguien que me pueda ayudar, bienvenido sea .. tambien compartire lo poco que se de as2.0

  47. Andres

    Y otra duda, hay manera de hacer funcionar los textos dinamicos sobre paginas swf de la revista ?… desde ya gracias..

    Saludos desde SLP Mexico

  48. Skeku

    andres, revisa bien todo y cuenta bien que tengas un numero par de paginas para las hojas pq si no no funcionará bien. (portada y pagina 1 es una hoja, pag 2 y 3 otra hoja, etc etc asi hasta llegar a ultima pagina y contraportada que seran otra hoja)

  49. Andres

    Respecto a la carga de pagina, me refiero a que se queda colgado en la precarga (“cargando 11 de 12 paginas”) y de ahi no pasa, no me muestra Nada …! que estara pasando?
    help…! :S

  50. Skeku

    Andres, eso suele pasar cuando falta algún archivo o está mal exportado.

    Revisa bien que tienes las rutas a las imágenes correctamente y que has escrito bien las extensiones (si las imagenes son .jpg y en el xml pones .JPG ya falla por ejemplo)

    Si no, ya le echo yo un ojo.

  51. Andres

    Saludos a todos, Skeku, ya resolvi mi problema y gracias por la atencion brindada, en realidad no se que ocurria pero ahora me funciona bien.

    Desde ya …
    Ah, y habra una manera de hacer que cada pagina se cargue independiente, o sea, sin cargar todas desde el principio….? ..Bueno.. si no es mucho pedir..

    Salu2 desde Mexico -{^_^}-

  52. Skeku

    Andres, me alegro que se te arreglase.

    Lo de la carga progresiva no tengo ni idea. Es algo que han pedido muchos pero no encuentro la solución.

    Hay un componente en page-flip.com que se puede comprar y permite hacer eso. Quizá te interese.

  53. Andres

    Ok, Skeku, pues de nuevo gracias por estar en contacto y por ahora buscare una manera de hacer la precarga independiente…tmb ya he visto el componente de page-flip .. y pues intentare elaborar uno…

    Hay te aviso si me sale…jeje

    Salu2

  54. KarenFerreira

    Estoy trabajando con el page flip dinamico para el desarrollo de mi proyecto de grado, pero tengo un problema, no me deja cargar la última página, es decir la carátula posterior porque por defecto viene como transparencia, he estado mirandolo y dandole vueltas por todos lados pero no se casi que nada de flash y la verdad no se como desactivarle esa opción, alguno de ustedes sabe como se hace eso?

  55. Skeku

    Karen, si ninguna de tus páginas tiene transparencia, desactiva la opcion de transparency dentro del xml (ponla a false).

    En cualquier caso te pasa lo mismo que a Andrés donde comentó su problema más arriba. Por lo que parece se le solucionó sólo. Te digo lo mismo, comprueba todas las páginas y que lo estás exportando a una versión correcta ;)

  56. miwe

    una pregunta, quiero saber como hacer que funcione el pageflip cuando se sale de la escena y se vuelve a entrar(reload).

    se que hay que utilizar:

    function removeML() {
    Mouse.removeListener(mousecontroll);
    }

    Pero donde????????? en que fotograma hay que ponerlo??????? en que linea de codigo???????

    Muchas gracias

  57. Conso

    Hola, empecé a trastear con el pageflip de iparigrafika que me solucionaba el problema de gotopage. Pero me ha surgido otro aquí en iparigrafika:
    En la página 4 del libro he puesto un botón que abre una ventana pop-up,QUIERO QUE SE PUEDA ABRIR SOLO DESDE LA PG 4, pues aunque el botón lo puse solo en la pg 4, se puede abrir el pop-up desde la 6, la 8, la 10 etc.
    ¿Sabé alguien como puedo evitarlo?
    Gracias, el tutorial es muy bueno.

  58. Conso

    Hola rubem, no tengo ni idea pero me suena que en el fotograma 5 de la capa actions, en la acciones si buscas la parte

    addPage(“page11″,true); //second argument defines page tearing.
    addPage(“page12″,true);
    addPage(“page13″);
    addPage(“page14″);

    Borra esos true, es decir,que queden las paginas 11 y 12 como la 13 y 14

    Prueba a ver si así

  59. Skeku

    Efectivamente, lo de que no se permita arrancar las hojas se quita simplemente con eso.

    Lo de que el botón se active en el resto de hojas me parece que podía solucionarse, sólo que ahora no recuerdo cómo :S

  60. Conso

    Hola Skeku, lo de que el botón se active en el resto de las hojas lo solucioné muy chapuceramente:
    coloqué en las otras páginas un botón sin acciones que tapara el de la página con acción. Si recuerdas la manera de desactivarlo sin añadir otro botón encima, dímelo, así no me gusta, aparece una mano en el mouse sin que haga nada el clic.

  61. aleja

    Hola Skeku

    bueno, hace poco cogi el pageflip, pero le he estado camellando todos los dias, tengo la version 2.2 y la dinamica. la mayoria lo he entendido a la perfeccion. Tengo es problemas para agrandar el tamano. rehice toda la version 2.2 con mi nueva medida (500x647px pag) pero cada vez aparece un error diferente, el caso es que no he me ha funcionado. Por otro lado, me gustaria saber si han intentado colocar una barra en la parte inferior para tener botones como pag siguiente o ant, o un menu emergente, para no tener que ir a la pagina indice. ejemplo puede ser http://www.revistadonjuan.com. con la diferencia de que yo no lo estoy haciendo para subir a la web. sino asi no mas .swf

  62. IRIA

    HOLA¡¡¡

    YO ETSOY INTENTANDO HACER UN PAGEFLIP PERO QUE LAS PAGIANS PASEN CADA 10 SEGUNDOS POR EJEMPLO SOLAS, SIN TENERLE QUE DAR A LA ESQUINA DE LA PAGINA, ME EXPLIKO? ALGUIEN ME PUEDE AYUDAR? GRACIAS

  63. Carlos

    Hola a todos muy interezante y muy bueno su manual…soy novato en esto de action script tambien deseo saber igual que iria si se puede hacer que despues de un tiempo cambie de pagina automaticamente y al llegar al final empiese de nuevo en un bucle infinito…

  64. Kabitt

    Hola, pues no se a que se deba ya lei todo lo que hay aqui me he chutado toda la info, tengo la version dinamica 213, y mi problema es que igual se queda colgado en la hoja 11, tengo 12 paginas eso da a entender que las paginas estan en numero pares por lo cual forman un numero de 6 hojas, no se que hacer, aparte ese loader hace que carguen todas las paginas juntas, alguien ya sabe como hacerlo por separado?, o al menos una solucion para que carguen las 12 paginas sin que se trabe???, se los agradeceria mucho.

  65. Kabitt

    Hola Skeku, mira la verdad no hay cambio con esta version que te parece si nos agregamos en el messenger?, tal vez podamos hablarlo con mas calma por ahi, en este mismo momento estoy trabajando en esto

  66. Kabitt

    Por favor alguien ya pudo solucionar el problema de la precarga?, a mi se me queda en la pagina 7 de ahi tengo que darle refresh y ya sale bien todo, que es lo que sucede?, estare pendiente de alguna respuesta gracias de anticipado

  67. Kabitt

    hola molestando de nuevo, solo es una duda a alguno le ha tirado un error al poner un formulario contacto en el pageflip dinamico v213?, yo puse uno y pues sale la pagina bien pero no se visualizan ni los campos ni los botones, alguien podria aportar con su ayuda?, o si alguien ya toco el tema podrian mandarme el link?, gracias de antemano

  68. Kabitt

    Pues aqui molestando de nuevo, sucede que puse en mi pageflip v213 dinamico, una pagina con un formulario de contacto, todo fine, pero cuando lo subo a la red, no se visualizan ni los botones ni los campos para rellenar, a alguien ya le paso esto?, o si alguien ya toco el tema podrian mandarme el link, gracias de anticipado

  69. Skeku

    Kabitt, voy a intentar echarte un cable echandole un ojo al pageflip pero por de pronto no tengo apenas tiempo para nada asique no te aseguro que pueda hacerlo.

    En las páginas que te de error prueba a sustituirlas por una que sea un simple jpg para ver si carga. Si lo hace correctamente reducirás el problema a esa página en concreto por algo de código que tengas que mal puesto.

  70. MaUrO

    hola que tal tengo una pequeña duda, el page flip me funciona bien casi todo de maravilla solo me falta unas pequeñas cosillas:

    autoflip, me he creado un boton estilo on/off AUTFLIP, hasta ahi todo bien, por otra parte a las funciones nextpage y prevpage he añadido un sonido de pasar las hojas esto para que cuando utilice botones o click o autoflip me quede el sonido, lo puse de esta forma:

    function prevPage() {
    gotoPage(page-2);
    startsnd(2);
    }
    function nextPage() {
    gotoPage(page+2);
    startsnd(2);
    }

    bien, el problema en realidad es que si dejo activo el boton de autoflip(ON) al finalizar las paginas el sonido de pasar las paginas continua asi no hayan mas paginas que pasar, lo ideal seria que con autoflip activo que al acabarsen las paginas este continuara nuevamente a la portada(pag1), pero no veo como. si me pueden dar una ayuda ahi seria genial.

    La otra duda la cometlo luego que este mensaje ya esta bastante largo, gracias!

  71. Neftali Luevanos

    Que tal…
    Espero alguen me pueda auxiliar… soy algo nuevo en Flash y Action… estoy trabajando con la version no modificada de Page Flip, he lograo los tmaño y formas que queria de las painas, todo iba bien, pero ahra tengo problemas:
    1.- Modifiue manualmente los tamaños de las paginas, perolas sombras siguen del mismo tamaño que al inicio, y
    2.- Genero el swf, pero no lo puedo importar a la biblioteca dentro de otra pelicula (olo se puede mandar llamar?) o si la púedo importar… por favor hechenme una mano. Ah,,, alguien sabe por ke no se pude generar el HTML?

    Gracia de antemano. Saludos desde el Norte de Mexico

  72. LexX

    Saludos, no soy muy experto en flash, dehecho no sé casi nada, pero he provado la version modificada de PageFlip, y despues de quebrarme la cabeza al fin acomodé el tamaño de las paginas y las cambié/añadí, etc. pero hay algo q aún no sé cómo hacer, quiero cambiarle el fondo, para que, en vez de mostrar un color, sea una imagen, intenté hacer el fondo transparente desde el dreamweaver al insertarlo en una pagina, pero por alguna razón, simplemente no se ve nada al cargar la pagina osea que solo la puedo ver abriendo el archivo .swf, alguien podria ayudarme para corregir esto con la pagina o añadir el fondo directamente?

    De antemano, gracias.

  73. Skeku

    Juani, se me olvido ponerte el enlace antes:

    http://criteriondg.info/varios/pageflip_prueba_III.zip

    Verás que al abrirlo el proyecto tiene dos botones de Avanzar y Retroceder. Selecciona uno de ellos y mira el código en la ventana de acciones para que sepas lo que tienen que llevar tus botones.

    El enlace que te dejé antes, es una version dinámica actualizada que ya trae incluidos los botones de avanzar y retroceder ;)

    Sobre el tema del inglés pues mucho me temo que el código actionscript se basa en inglés puro y duro.

  74. Juani

    Mira, te comento, he visto tu enlace y tus archivos, he intentado copiarlo desde libreria externa y nada, he creado un nuevo mc y he puesto el codigo y nada….. pero si lo creo en tu archivo ” prueba” me sale perfectamente, creo que hay una incompatibilidad co algunas de las versiones, la que estoy utilizando es la dinamica y con el flash 8 profesional, no se si van por ahi los tiros, porque si no, es que no lo entiendo. Digo yo que si lo hago en el tuyo y me funciona, es porque lo toy haciendo bien……. de locos…

  75. Knox

    saludos Sekeku gracias por el tremendo aporte que estás haciendo.

    Tengo la siguiente consulta: estoy trabajando pageflip y necesito saber si es posible enlazarlo a una base de datos para que cuando un usuario registrado visite la revista esta se abra en la página en la que quedó en la sesión anterior… alguien tiene una idea de como lograr esto?=?.. o algún ejemplo que pueda visitar.

    desde ya gracias

  76. Allison

    ¡GRACIAS! Realmente estuve días (quizá meses) peleando con cómo alterar el tamaño de las hojas en el pageflip de Iparigrafika y debo decir que me ganó varias veces. Probé con otros códigos que encontré pero no satisfacían las especificaciones de mi cliente, así que te agradezco mil veces tu tutorial porque me ayudó a lograr lo que mi cliente quería.

    ¡MUCHÍSIMAS GRACIAS!

    Saludos.

  77. Skeku

    edu, si estás usando la versión que carga las imágenes desde un xml, revisa que las rutas a los archivos sean correctas. No te debería fallar si lo exportas bien y haces esto que te digo.

  78. Javier

    Buenas tardes a tod@s, despues de haber respasado todo el hilo, no he encontrado una respuesta a lo que necesito para mi pageflip.

    Estoy utilizando la versión modificada ‘pageflip_v213_dynamic_v2′. Y lo que estoy intentando es que pageflip se adapte al tamaño de la ventana del navegador, que se adapte el alto y ajustar el ancho proporcionalmente.

    ¿Alguien tiene alguna respuesta o idea de como llegar a realizarlo?

    muchas gracias de antemano

  79. Ivancho

    Hola Skeku, la verdad hasta ahora trabajo con el pageflip_v213_dynamic y todo marcha a la perfeccion no he tenido problemas, simplemente me he matado la cabeza intentado trabajar con swf’s externos ya que en un lado del libro es decir en una pagina tengo una serie de botones que al oprimirlos me hacen aparcer ciertos movie clips que estan en la pagina continua pero resulta que nunca se me activan esos clips, ya no se que hacer……

    Nota: cuando compilo el swf independiente funciona bien pero al insertarlo al pageflip no me funciono por lo expuesto anteriormente…estaria muy agradecido si me puedes colborar gracias….

  80. Nacho

    Hola, estoy siguiendo el tutorial de Pageflip desde esta web y he conseguido hacer por fin mi primer catálogo.
    He visto que alguien está en mi misma situación pero tras revisar la respuesta que se le dió no consigo encontrar mi error.

    Mi problema es que una vez agregadas las páginas a mi pageflip no se visualizan cuando las incorporo a mi sitio web.
    Para mostrar mi proyecto pageflip en mi web incrusto el archivo swf generado desde Flash en un documento HTML que llamo revista.html.
    Por otra parte el archivo revista.swf se encuentra dentro del directorio “revista”
    La ruta desde mi documento html hasta el documento swf es correcta, ya que puedo ver imágenes y textos que he añadido a mi documento pageflip. Pero no consigo ver las páginas de forma correcta.

    Únicamente puedo visualizar todas las páginas de forma correcta cuando ejecuto directamente mi archivo swf, ya que tampoco puedo ver las páginas cuando ejecuto la web offline, es decir, cuando ejecuto el archivo revista.html donde se encuentra incrustado el archivo revista.swf únicamente puedo ver las imágenes no incluidas dentro de lo que serían las páginas del libro.

    Estoy utilizando la modalidad sin archivo XML, aunque he probado la modalidad con archivo xml y tampoco me funciona.

    La ruta hasta la carpeta de imágenes que especifico en el archivo XML es esta:

    pages/portada.jpg

    Cuando utilizo el modo sin XML introduzco en la propiedad Book Pages lo siguiente:

    pages/portada.jpg

    Y la estructura donde se encuentran los archivos en el servidor es esta:

    home/revista.html
    home/revista/revista.swf

    Y las imágenes se encuentran en:

    home/revista/pages

    Supongo que se me está escapando alguna forma de especificar la ruta bien para que la capte el navegador bien para que la interprete el propio swf, pero no sé qué hacer y estoy empezando a desesperarme, espero que podais ayudarme!!!.

    Gracias

  81. Skeku

    Ivancho, me suena de que había una variable para indicar la página activa en ese momento. Esa variable permitía controlar que botones y contenido similar se activase sólo cuando se encontrasen en la página activa. Pero poco más te puedo decir porque como ya he dicho en alguna ocasión, hace bastante que dejé de mirar pageflip. Además no soy programador flash :D

  82. Nacho

    Ya lo he solucionado Skeku, era precisamente eso, que el html y el swf tienen que estar en el mismo directorio!!, se me ocurrió justo después de escribir mi pregunta!!.
    Un saludo y a seguir adelante!.

  83. SantiagoEcu

    q tal skeku..soy nuevo en esto del pageflip pero lo estoy utilizando para mi proyecto de grado de la universidad..basicamente lo q necesito es utlizar al pageflip como un libro q contenga toda la teoría de mi tesis..no es muy complicado pero al tratar de importar el swf del pageflip a mi pelicula, me sale un error de “no tiene permisos para importar el archivo”..no se si sera xq estoy utilizando la versión gratis del pageflip o q???..tengo q comprar la licencia??..
    gracias por la ayuda!!

  84. Skeku

    SantiangoEcu, pues es el primero que pregunta eso. Si estás usando el pageflip que se comenta en los tutoriales, el gratuito, no deberías tener problema. Otra cosa son las versiones comerciales que ya no sé si tienen problemas de ese tipo.

    Prueba a importar el swf en otro proyecto distinto nuevo a ver si te pasa lo mismo.

  85. sergio

    SALUDOS
    He seguido toda la ayuda colocada aca y os felicito me han sido de mucha utilidad, pero me gustaria que alguien me pueda decir como realizo un boton Play y Stop para un AUTOFLIP(ON/OF)

    OS AGRADECERE ETERNAMENTE.

  86. mara

    hola, necesito ayuda urgente. Al publicar el pageflip, me sale este mensaje :

    Un script de esta película está provocando que el reproductor de flahs se ejecute lentamente. Si continua ejecutándose, su PC podría no responder. ¿Desea anular el SCRIPT?

    Gracias

  87. Carlos

    Hola, necesito ayuda estoy utilizando pageflip_213 dynamic v2 en una web completamente desarrollada en flash. Todo funciona bien mientras solo tengo una revista, desde que pongo una segunda, esta se ve exactamente igual que la primera, aunque las fotos sean diferentes las dos revistas se ven exactamente igual.
    No se si ah alguien le ha pasado o si saben la solución.

    Gracias.

  88. Sergio Sanchez

    Saludos, estoy usando el page flip 2.13, pero he tenido problemas para insertarle un reporductor mp3 en una hoja, quisiera que alguien me ayude!! mi reprodctor mp3 funciona correctamente , solo que al quererlo insertar dentro del page flip, los botones de PLAY, STOP, ETC se inhabilitan y la reproducción es mala.
    Tambien quiero incluir animaciones en las paginas, pero al querer avanzar a una pagina siguiente, la animación se “resetea” y comienza de nuevo. ¿Como puedo solucionar esto?

  89. DARIO

    hola soy muy nuevo es esto del flash y de las animaciones, tengo un problema con el efecto page flip, cuando pongo una imagen en la portada o en la pasta me la repite en la pagina de adentro lo mismo me pasa en las paginas 3y4 no puedo separar las imagenes, en verdad me urge saber como lo soluciono, muchas gracias bye

  90. Helena

    Alguien puede decirme cómo quito lo de que una página sea transparente en la versión modificada?

    Se puede poner un botón que llame a otra película?

    GRACIAS! :)

  91. melvy

    Hola amigos de criterion, necesito su ayuda en un ejercicio: necesito un libro que pase de hoja en hoja pero que se muestre siempre una, y ademas se pueda manejar con botones mas o menos de esta forma http://www.avantys.com; estoy creando un manual multimedia que me gustaria tratarlo como un cuaderno anillado con pestañas a los costados, las cuales serian los botones pero no tengo ni idea de hacerlo ya que cada hoja tendra animaciones texto e incluso video… espero me puedan ayudar con esto… gracias

  92. carolina

    Hola ….
    tengo un problema en la forma en que se ve el pageflip dependiendo de la resolucion de la pantalla. Hay alguna forma de que se adapte dependiendo de la resolucion del monitor?
    mi pantalla es de 1280 x 1024 pix en este tamaño se ve bien, pero abri el .exe en otro monitor con esta configuracion 1024x 768 y no se ve completo que puedo hacer? es lo unico q me hace falta para terminar mi page flip

  93. cristina

    hola, tengo un problema con el page flip mejorado. Al insertar una animación si le pongo la función stop, se reproduce cuando cargo el libro y cuando llego a ella ya está parada, si le quito esta función se reproduce en bucle ¿hay alguna forma de que se reproduzca cuando llegamos a dicha página?
    muchas gracias

  94. kamykaze

    hola amigos de criterion, estoy haciendo una paginita con el tema grandioso del librito… jojojo sin conocerlo muy bien,
    he sorteado varios obstaculos con tiempo, paciencia y leyendo todos sus comentarios y hasta ahora creo ke ahi va.
    de repente se me ocurrio meter un videin como en el siguiente ejemplo:

    chevrolet.com.mx/content_data/LAAM/MX/es/GMMGM/mic…

    y zas¡¡¡ no puedo hacer ke el link funcione…. es asi de sencillo como en el ejemplo:

    video- librito
    librito- video

    nada…. ya intente gotoand, load movie.. nada
    del video al librito esta sin problemas, el libro es el ke se resiste… ojala puedan ayudarme, ya estoy un poko agobiado porke llevo 2 dias en eso, de antemano muchas gracias y estamos en contacto.

  95. Carla

    Hola =)

    Alguien sabe cómo agregarle un fondo permanente al paperflip? como si el libro estuviese puesto sobre una mesa o sobre el cesped.

    AGRADECERÏA MUCHO QUE ME PUDIERAN AYUDAR

    =)

    SALUDOS

  96. Cata

    Hola Me pasa lo mismo que a Cristina!! Cómo puedo hacer para que una animación sólo se reproduzca al momento de llegar a la pág donde estaá y no antes????? por fa si alguien sabe responda!!!! Gracias

  97. cristobal

    hola, tengo mismo problema que SantiagoEcu
    al tratar de importar el swf del pageflip a mi pelicula, me sale un error de “no tiene permisos para importar el archivo porque esta protegido por el autor”.

  98. roberto

    Lo mio es muy sencillo, y aun así no consigo que funcione. Lo único que quiero es cambiar las páginas que hay por 24 pdfs. He modificado el archivo xml, he insertado los pdf en la carpeta pages y ya no se que hacer más para que funcione.

    He intentado cambiar el tamaño en el xml por el tamaño de mis pdf y sigue sin ir.

    Estoy mareado, ya no se que hacer. ¿alguien me ayuda??

    Agradecido

  99. geras

    Hola, inicio a experimentar con esto de los flippage pero …tengo una duda ¿COMO LO SUBO A LA RED PARA QUESE VISUALIZE EN UN PORTAL?

    HELP!!!!

  100. leidy

    hola hice el pageflip lo modifique en tamaño y contenido hice botones para ir a cada una delas paginas pero tengo un problema …al poner el cursor sobre la esquina inferior derecha da el efecto donde se levanta la hoja pero se me empiesa a ver la pagina siguiente en la esquina superior izquierda como si se levantara en las dos esquinas opuestas al mismo tiempo ….ayuda porfavor

Deja tu comentario