Comments on: Dynamic Page Flip v2

By: Anne S. Easterling, CAE

Anne S. Easterling, CAE — Sat, 31 Mar 2007 13:48:33 +0000

Test Java Book…

This is a sample of the Flash “page flipper” version that I will be posting soon on the EZ Fun Guide to Walt Disney World web site. Click (or click and drag the corners) to flip through the pages.
This book is based on the excellent work of…

By: Steve Palmer

Steve Palmer — Fri, 02 Mar 2007 15:51:09 +0000

Hi everybody,

Comments are officially closed on this blog post so that we can continue the discussion of all things page flip at the fancy pants new forum:

http://76design.ca/pageflip

Cheers,
Steve

By: Rob

Rob — Thu, 01 Mar 2007 23:49:50 +0000

Hi Steve,

My goal is to build a 20 page flip book (the opening to a novel), but instead of having the text show up on a plain white page, I want to put it on a background that looks like an old, weathered sheet.

If I do each page as a JPEG (or SWF), this will take up a lot of extra memory and increase the loading time quite a bit.

Is there a simple way I can use the weathered sheet as a recurrent symbol? (if this requires modifying the code in Flash 8, I’d appreciate any help you (or others out there) can give me.

Thanks, Rob

By: Ryan

Ryan — Thu, 01 Mar 2007 19:00:19 +0000

Steve, thanks for the input, I will try that.

It would be nice if I could figure out a way to show the flipped corner as that is how we designed it graphically. It seems if you could just simulate the mouseover action so the corner flipped up in the beggining that would be way cool.

Anyways, thanks for the input. If anyone else has done something similar to what I am referring to, I’d love to hear about it.

Thanks again.

By: Steve Palmer

Steve Palmer — Thu, 01 Mar 2007 18:22:38 +0000

Ryan – one good technique I’ve used is to have the book automatically flip from the last page to the first page when it loads up. On the last frame in the actions layer (11 I think) I’ll take out the stop command and put this code:

gotoPage(pageOrder.length,true);

That’ll take you to the last page – but you could pick any page. And I’ll set the alpha of the book to zero (so it’s hidden). Then I’ll tween the alpha back to 100 over the span of a few frames (using actionscript… no frame tweens) and then on the final frame of the movie put:

gotoPage(1);

And don’t forget to put a stop command on that frame! Visually, it looks pretty cool and I think it shows people that the pages are in fact flippable.

By: CCH

CCH — Thu, 01 Mar 2007 17:54:23 +0000

they are gif’s one page is about 126 kb but I want to get rid of the preloader for all the pages… I want to load each page separatly without destroying the script

The problem right now is with the fact that it takes to much time to load
:((
If I solve this issue i’ll be happy
:))

By: sophie

sophie — Thu, 01 Mar 2007 17:30:59 +0000

I’m sorry but I don’t know the answer for that, but maybe you should check on how heavy your pictures are … ? :)

By: Ryan

Ryan — Thu, 01 Mar 2007 17:23:50 +0000

I am wondering if there is a way to show the corner already flipped on the pages to give the user a clue they can flip the page. I have looked around quite a bit to find an answer to this with no luck. I apologize if this question has already been asked. Any help would be greatly appreciated. Thanks.

By: CCH

CCH — Thu, 01 Mar 2007 16:17:51 +0000

well I tryed that and it works but my concern is that the starange effect happends becuse of an invisible mask and I can’t find it:| anyware in the script … my concern is that I have resized it from 300 / 400 to 539 / 768 and to get it centered and visible on the html page, i had to streach the whole movie frame and now, it takes a lot of time to load… oh.. and IE crashes when you try to load the page :( any ideas??

By: sophie

sophie — Thu, 01 Mar 2007 15:59:18 +0000

Hi CCH i could well imagine all you’d need to do is to adjust the size in the fla document again (i suppose in the pre mask layer and pages layer), if you resize both the xml file and fla it gets x time the size you resize it in both of them… :)