December 05, 2002
Page Turn Sourcecode

As tomorrow is St. Nicholas Day here is the completely chaotic and undocumented source code for my scripted page turn demo. Please do not expect me to explain how it works. But if you find out yourself and are able to improve it I would be more than happy if you tell me.

Posted at December 05, 2002 03:20 PM | Further reading
Comments

Really cool~!

Posted by: Danger on December 5, 2002 05:44 PM

This is great! It reminds me of the Myst series of games.

Posted by: Sean on December 5, 2002 07:00 PM

Other example of PageTurn:

(Press the yellow button when movie will be loaded):
http://rajaka.narod.ru/maya/kinbook.html

Source code is unarranged, but available
http://www.rajaka.narod.ru/maya/kinbook.zip

Posted by: Rajaka on December 7, 2002 06:35 PM

thanx

Posted by: ryo kokaku on December 11, 2002 04:03 PM

The best page turn I ever seen. Beautiful !

Posted by: NON on December 12, 2002 01:26 PM

works fine. thanks.

Posted by: michael on February 6, 2003 02:32 AM

In the source file the page goes beyond where should stop and I am wondering if there is a special action code that could stop it cause your scripted page turn link it does not do that. Please e-mail me at bboypapi@yahoo.com

Posted by: marc on June 29, 2003 10:21 PM

Any code where we can click and page turn or i type the no. of page and it directly takes me there.

Wondering if we can also load images dynaimcally?

Help!!

Posted by: avi on July 1, 2003 06:37 AM

nice

Posted by: quikbot on July 18, 2003 08:57 PM

great!

Posted by: mojaves on July 21, 2003 02:43 AM

Great work.
I wonder if we can get the same thing done by clicking at the bottom end and the simaltion be as is.

Posted by: Chaitanya on July 24, 2003 09:26 AM

Somebody knows the way to make a similar effect but in vertical, likes
they do in web http://www.plainsandprints.com or indicates some source code that makes something similar to be able to study.

Many thanks
Ana

Posted by: wildsurf on July 31, 2003 11:51 PM

I was able to develop PnP page peel through masking. The masking part was not really scripting. but the positioning of the physical mask was.

I used two physical mask to create the effect.

tnx

Posted by: Jomuel on August 25, 2003 04:47 AM

i HAVE TO SAY, THIS IS VERY IMPRESSIVE. i did a similar thing for nikewoman and that took me 3 weeks to build. This is by far so much better.
Nice one son!!

Thanks for giving us the code as well....

Posted by: fredwest on September 3, 2003 01:19 AM

you can find the source code and a fully working MX version at this address

http://www.flash-tools.com/news/page_turn/

Posted by: sikopat on September 9, 2003 08:31 AM

good effect !!! and cool

Posted by: virtualman on November 8, 2003 05:29 AM

Another real cool example of someone using a page turn effect is at this URL.
http://www.franklincovey.com
Select on of the catalogs and see how it works. Some examples of their flash file only flips the page edge but beautiful none the less.
Nice Code.

Posted by: Jon Ritchey on November 9, 2003 07:56 PM

am just a beginner in flash, faranklincovey is nothing to compare with the quasimondo page turn effect

Posted by: ishaq on November 17, 2003 01:35 AM

Im willing to buy some good source code or component. Please send me notice to my email

Posted by: Edwin Merced on December 21, 2003 02:54 PM

hi
one of the best page turns ever seen
better than using applets for the same effects
thanks

Posted by: umakaredla on December 30, 2003 08:58 PM

This is just great. It would have been cooler if it loads image and related content dynamically and works with onclick events like going prev. and next.

Anyway its great and thanks for the code. If anyone has a better code please do send me..

Posted by: Akhilesh Sharma on January 14, 2004 08:57 PM

Hi!

after your idea, i have coded a pageflip inteface. It is like your's, but it has completly different code.
You can drag the page everywhere, and no repeated pages:)

demo: http://www.iparigrafika.hu/pageflip.html
source: http://www.iparigrafika.hu/pageflip_final.fla

Posted by: Macc on February 1, 2004 01:59 AM

I'm quite interested in creating an online catalogue using page flipping. Please add me to your list of email recipients for basic source code.
Thank you very much; what I've see is very impressive!

Posted by: Maggie Magnussons on February 4, 2004 08:47 PM

Hi

Very nice here is something we did about 6 months ago.

http://www.schwingportal.com/digimagazine/digimagazine.html

comletely xml driven digital brochure something with onmouseover info, chapters, back and forward paging etc.

Armand

Posted by: Armand on February 5, 2004 08:51 AM

This is a great effect. I am very impressed by armand's version also. I would love to be included in any future posts for this forum.

Armand,
Would you be willing to share your source?

Thanks,
Chad

Posted by: chad on February 6, 2004 04:18 PM

Hi

Well it was developed for a cleitn s we cannot give out source, i might pursuade him to let us sell it if you like

a new experiment

http://www.nokiko.com/flashbook/bookxml.html

Armand

Posted by: armand on February 10, 2004 12:30 AM

I'm really diggin' the page turn. It's AWESOME!!

Posted by: Blas on March 12, 2004 07:38 PM

This is exactly what I've been looking for, for years!!!! I'm currently a Spanish teachers who loves to intergrate technology with the students in the classroom. Every year we go through the monumental task of publishing hardbound books created by the students in Spanish and English. For years I've been looking and searching for a way to create a digital book with the same effect as the page turn effect used here. I've used Power Point Presentations with simple effects for transitions from one page to the next, the same with the Front Page, the transitions used out there are quite primitive. Even java script page flips are primitive compared to this AWESOME effect. My goal is to have my students show this effect with the pages of the children's books they write and illustrate. If you can help me at all whatsoever I would Love your help. Is there any way you or anyone out there can explain to me the process I have to take to create the students' children's books digitally with this page flip effect and at the same time add sound to it in order to have to students read their book as the pages turn with their voices recorded into the pages of the book, so that when one clicks on the book, the children's story is told interactively to the listener; making the students illustrators, writers and narrators at the same time and coming up with an out of this world final project. Pleeeeeeeeeeeeeeeease help!!!!!!!!!!!
Sincerely yours,
Carlos R. Montes
Orefield Middle School
Parkland School District
montesc@parklandsd.org;

Posted by: Carlos Montes on March 16, 2004 07:39 PM

heellllloooooooooooooooooooooo im kack handed yyyyyyyyyyaaaaaaaaaaaaaaaaaaaayyyyyyyyyyyyyyyyyy

Posted by: bob hinton on March 18, 2004 03:58 PM

I am very impressed with the page flip flash. I would be extremely grateful if you could show me how to do it. I go the source but i don't know how to put my images. Just i would like to learn.

thanks

siva

Posted by: Siva on April 29, 2004 12:45 PM

This is completely brilliant...I was just putting in different images there and it looked cool but I didn't know how to add more than the 9 that are already there...where do I change the export name??

Posted by: Ronnie on May 2, 2004 12:47 AM

Please note that there is an improved version of the page turn for download on this page: http://www.quasimondo.com/archives/000376.php

Posted by: Mario Klingemann on May 13, 2004 11:44 AM

Hi Mario, Ive been reading whole post list and you are the only who mentions a probably autoflip solution. Please, can you help me figure it out? I ve been trying but its super confusing and i have little time left.
Thnaks a lot

Posted by: claudia on June 26, 2004 03:39 PM

i need help!!!!!!!!!!!!!!!!!
i use the pageflip_v2.fla and i want that i can flip 1 page and stop (just the cover) and go back
i dont need akk the pages
thank u thank
yaniv

Posted by: yaniv on July 8, 2004 09:18 PM

How do I add dynamic content to the pageflip?

Posted by: Jax on September 17, 2004 02:57 PM

I'm creating an online catalogue using page flipping. Please add me to your list of email recipients for basic source code.
This is awesome!

Posted by: Steph on October 6, 2004 03:31 PM

Can someone help me out am in love with this page flip effect can it be done with swishscript. If so, can someone help me out with the script. Thank you. I would be more than grateful

Posted by: temitope on October 21, 2004 09:11 AM

hi ,
ur page flip effect was really cool to say !

but can u tell me the math funda involved in that !
i wish to know the mathematical logic involved behind that page flip i had been bogging my head for days as im not able to proceed further after a point so please kindly help me out of this. it wud be very great if u can do this help to me !
thanking you,
Ashok Srinivasan

Posted by: Ashok Srinivasan on November 16, 2004 07:21 AM

Hi everybody,

I'm very impressed by the quality of the pageturn effect. I would like to use it for a dynamic photo gallery. The problem is I am a beginer in flash. Is it possible to load the images while turning the book pages? In fact, the best would be to do request to a MySQL database to get the file names and descriptions of the images to be loaded in the book. Is it possible to do that in Flash or should I generate XML file with PHP?

Thaks for your help and congratulations for the work done with the pageturn effect, it's amazing

Posted by: mokshu on December 26, 2004 12:36 AM

this is GREAT! but... has anyone had any problems useing this with a loadMovieNum? when i build a seperate swf to load and unload as called, it works fine on the first load, but fails to work properly when called to load on the second time... any ideas?
linDUH

Posted by: linda on January 2, 2005 07:39 PM

hi ,

Its realy extremly well yar, i am not able to believe that script can do this also , really thanks for this.If i sucess to do further something i will post to u
again thanks.

Posted by: rajesh on February 9, 2005 05:42 AM

i wish to know the mathematical logic involved behind that page flip i had been bogging my head for days as im not able to proceed further after a point so please kindly help me out of this. it wud be very great if u can do this help to

Posted by: brook on March 2, 2005 11:06 AM

Hi,

I'm very astounded with the page flip effect that you've done and I can see how complex it is because I'm also doing some page flip flash effect experiments on my own for my school project. Do you think it will suitable for online magazine? Have you ever expecting an online magazine that have the same experience when you read printed magazine? This flipping pages can be a good example that can be applied in magazine, I think. I got few questions regarding the online magazine, pleaseee help me to give some feedback. When you read online magazine, do you like to read it like a website, or like a real print magazine? Why?
Thank you so much...

Regards,
Michiko

Posted by: Michiko on March 22, 2005 01:31 PM

@Michiko: check out the comment on this page: http://www.quasimondo.com/archives/000352.php - there you will find some examples of magazines realized with page flips.

Posted by: Mario Klingemann on March 22, 2005 02:07 PM

I have downloaded the pageturn2004

and would like to know how I can add sound, print and zoom function

can you please let me know if this is possible and how to go about adding this functions

thanks

zan

Posted by: naz on March 25, 2005 12:52 AM

he there...

I used the pageflip engine to make a site for WE (a clothing company). They loved it. http://www.we.nl/ There's still the size-bug (earlier discussed), but I'm planning on taking it out a.s.a.p. It's online anyway....

enjoy
greetz
Ypmits

Posted by: ypmits on April 8, 2005 01:25 AM

Great work!
I am just wondering if page turn effect is possible to be coded in java script? I am just assuming the manipulation of co-ordinates would be the same as for algorythm right?

I am looking for java script code, on mouse click a picture will be turned over instead of page. Similar to image slide show but with effect of turning the picture just like a page.

Or more interesting would be to give four co-ordinates of/within the browser (within which could be a picture or simply text, or background image) on mouse click it would be turned over.

If you have any idea if this is possible with java script or others, I would appreciate.

Posted by: masikwha on April 9, 2005 11:36 PM

is there anybody who can help me in this page flip effect... i need to add some pages which i coudn't do it..

Posted by: johnny on April 25, 2005 10:49 PM

Regarding this source http://www.iparigrafika.hu/pageflip_final.fla
it is not downloadable, can you please active this link.
thanks

Posted by: Simba on May 2, 2005 06:29 AM

WOW! I'm totally amazed at what I've seen here today, I've been tinkering with this a while now but sadly i tend to get distracted a lot :( I dont really have a problem with inserting my own content into the embedded movies etc but whats really puzzling me is resizing the whole thing, what i really want to do is use some of the brilliant examples provided (and theyre all brilliant) and resize them to about 600x450 or so, but even when i resize the masks it still looks terrible, is there any quick solution to this or do i have to go through a whole trial and error process? (i know i shouldnt be complaining as im getting the script for free lol)

Any help here would be really appreciated

Thanks

Posted by: Aliagtor on May 6, 2005 09:38 PM

Actually i should have said earlier, on the original script (up the top of this screen) how is it that there is only the function to go to a previous page on the last couple of pages? im quite new to actionscripting, ive built some basic sites but this is way out of my league.

Thanks again

Posted by: Aliagtor on May 6, 2005 09:41 PM

I am trying to load then reload the book and it isnt working when reloading...
apparantly i have to do something with the mouse listener.
Can anyone help me?

Posted by: Mark on September 22, 2005 05:01 AM

other

Posted by: hassn on September 23, 2005 08:43 AM

Hello, does somebody know if there is a version of Page Turn with the option for going directly to one of the pages in the book?

For example, next to the book you see the numbering of the pages, 1, 2, 3, 4 ..etc.
Clicking on the 3 will leed you directly to page 3.

I'm busy with a book with many many pages, so I hope there is a code wich makes this possible.

Grtz
Benjamin

Posted by: Benjamin on September 27, 2005 04:22 PM

Hello,

Have anyone gotten this to work in Flash 8? If so, what changes do i have to make to get it to work?

Flux

Posted by: Flux on September 27, 2005 09:51 PM

not yet checked your script !... sounds it must help me !

Posted by: shine on October 26, 2005 01:06 PM

I can't seem to insert a new page... can someone please tell me how?

Posted by: rye on November 26, 2005 03:30 PM
Post a comment
Name:


Email Address:


URL:


Comments:


Remember info?



Thank you!

Most Visited Entries
Sketches, Works & Source Code
Lectures
Contact
Backlog
In Love with
Powered by
Movable Type 2.661

© Copyright Mario Klingemann

Syndicate this site:
RSS 1.0 - RSS 2.0

Quasimondo @ flickr
Quasimondo @ LinkedIn
Quasimondo @ Twitter
Quasimondo @ Facebook
Quasimondo @ MySpace
Quasimondo is a Bright
Citizen of the TRansnational Republic
My other blog in german
Impressum


My family name is written Klingemann,
not Klingelmann, Klingeman, Klingaman, Kingemann,
Kindermann, Killingaman, Klingman, Klingmann, Klingonman
Klingemman, Cleangerman, Klingerman or Kleangerman

profile for Quasimondo at Stack Overflow, Q&A for professional and enthusiast programmers