3D Page Curl Effect using Papervision3D
The venerable Flash effect of turning a page in a book done in 3D. I originally designed and programmed this effect in Actionscript 2 using a home-grown 3D class library at about the time Papervision was entering public beta. This implementation using Papervision3D and AS3 runs a few times faster.
Press ENTER to create new instances of the book. Press it several more times and watch your browser chug :).
Here’s the main class for the page turn effect. I used the code for the PV3D Plane class as a starting point (but, in hindsight, probably should have subclass’ed from it instead). To create the appearance of a rotation of the 3D object, the individual vertices are rotated around the Y axis by increasing amounts depending on their (original) position along the X axis.
Version: 0.9B - Last updated on 4/22/2007
Licensed under a Creative Commons Attribution 3.0 License.
June 2nd, 2007 at 11:06 pm
Great Job! I’ve seen a bunch of these, and have worked on creating dynamic catalogs with one of the more popular ones online. I really like this one though. Are there any plans to add shadowing and the ability to flip pages from the corners in?
June 27th, 2007 at 1:42 pm
Hello Lee,
Fantastic demo with the page Curl. Great work!
Thank you also very much for sharing the CurlingPlane class. However, when I try to use it I don’t get anything showing on screen (though I have succesfully gotten Collada files, and other primitives in papervision to display).
I’m calling the constructor with a reference to a bitmapdata object embedded in the FLA:
var myBD:LibraryBitmap = new LibraryBitmap (0, 0);
var myBook:CurlingPlane = new CurlingPlane(myBD);
scene.addChild(myBook);
I have the class imported and have tried various things but to no avail. I don’t get any compile errors but nothing shows. Please assist.
thanks,
Skyler
August 3rd, 2007 at 6:35 am
Does this still work with Papervision version 1.5? Like Skyler, I can’t get anything to show, but no errors are produced
September 7th, 2007 at 12:24 pm
WoW! nice!! like a real paper book =)
October 19th, 2007 at 3:53 am
Great work!
February 3rd, 2008 at 6:04 am
nice work…but if u let us download it we wouldnt had to steal it… :P
thnx
March 2nd, 2008 at 1:10 pm
Great!!! like a real book!!!
March 31st, 2008 at 2:30 pm
Papervision 3D GreatWhite, no have the Mesh3D.as, how i can fix this?
April 1st, 2008 at 7:32 am
Really love the way the pages have momentum so if you start moving and let go, sometimes it goes up but falls back down, otherwise it completes the turn on its own… nice touch.
April 2nd, 2008 at 9:07 pm
Very Nice Congratulations!!!
April 18th, 2008 at 3:01 am
Very good! I like it! nice job!
May 21st, 2008 at 12:00 pm
Great. Very fluid. Nice job.
August 26th, 2008 at 3:57 am
like a real paper book! cool!
November 12th, 2008 at 5:42 am
how can i use it where i want to use it in the protfolio…
hope to hear from you
its really a nice script