How To Add A Slick iBooks Like Page Turning Effect Into Your Apps

I think everyone who watched the iPad keynote was impressed by the sweet page finger following page turning effect Steve Jobs showed in the iBooks app. I know many developers were trying to replicate that effect as soon as the got the SDK with the iPad simulator, but there was a problem.

The problem was that the API containing the page curl library used in producing that same effect remains undocumented so it can’t be used in the app store. Fortunately Ole Begemann has created a Github project where he has provided some code which allows you to easily add a very similar effect into your own apps as shown in the video at the top of this article.

(Btw, I’m sorry if I butchered the pronunciation of your name Oleb!)

You can find the Github project here: Two pages Project

Ole’s original post can be found here that provides deeper insight into how the animation is done.

Also thanks to Tom Brow who created the original leaves project on Github from which Oleb’s project is based: Tom Brow’s Leaves Project. Tom’s project is for a single page, and can be added into iPhone apps.

[Source: Ole Begemann Via: Ixhan]

Tags: ibooks, effect, ipad, page curl, page turning

RHB

Question:

How does this work if I wanted to display just a single page in portait mode. Does this also work like iBooks if it is rotated in landscape mode? Thanks.
RHB

Question:

How does this work if I wanted to display just a single page in portait mode. Does this also work like iBooks if it is rotated in landscape mode? Thanks.
RHB

Question:

How does this work if I wanted to display just a single page in portait mode. Does this also work like iBooks if it is rotated in landscape mode? Thanks.
http://www.permeative.com charlie

hello,

Can any one help me to convert this leaves project for arabic book readers (left side and right side animations has to be intechanged).
Diane Challenor

Thank you for your article and video, it has been very helpful. I’ve downloaded Tom Brow and B Ole’s code into xCode, it worked once I solved the missing SDK issue and it looks excellent. I’m blown away by their generosity by giving it away for free. Of the two examples, I found that Tom Brow’s sample works faster then Ole’s on my imac. I’m not too sure what the difference is and why there are two versions. If you have the time I’d be interested in knowing what the difference is between the two versions.

PS: For those enthusiasts who are having a problem with the Missing SDK, I’ve blogged about the solution as my contribution to the generosity of yourself, Brow and Ole. Here’s the link: http://artuccino.com/serendipity/?p=265
Sarah

Hi,

Thanks alot for this tutorial and code. I was wondering if I can enable zooming functionality for pdf page and what is the best way to achieve this.
Thanks,
Malik Suhaiyl

Hi Charlie, are u able to get the left and right side animations now?
http://www.facebook.com/people/Andres-Garcia-Figueroa/100001926798517 Andres Garcia Figueroa

Excelent Code!! Thanks you save my day!

ManiacDev.Com

iPhone, iOS, iPad SDK Development Tutorial and Programming Tips