Jump to content

View more

Image of the Day

Inventory ! Va falloir trouver une autre couleur pour le cadre D: #AzTroScreenshot #screenshotsaturday https://t.co/PvxhGL7cOH
IOTD | Top Screenshots

The latest, straight to your Inbox.

Subscribe to GameDev.net Direct to receive the latest updates and exclusive content.


Sign up now

Unusual 3D page curling effect with deformation

4: Adsense

Old topic!

Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.


  • You cannot reply to this topic
5 replies to this topic

#1 Morphine_OD   Members   

111
Like
0Likes
Like

Posted 09 November 2012 - 03:53 AM

So I have an assignment to implement a certain 3D page flipping effect, but I can't find any tutorials or algorithms to do so. I heard the effect is available on Google eBook reader.

See the pictures:

2.jpg
3.jpg

Of course it's implied that the effect should be pretty accurate with the texture, so it doesn't deform it. The only parameter should be the X position of the finger on the screen, so no fancy up-down warping needed.

Does anybody have any ideas of how to proceed?

#2 Steve_Segreto   Members   

2059
Like
0Likes
Like

Posted 12 November 2012 - 07:01 PM

Here's a suggestion, I've never done this before, just guessing.

You could create a 3-d cylinder shape and texture map a quad to it, then vary the radius of the cylinder from fat to thin as the finger moves to the apex and then back from thin to fat as the finger moves left of the apex.

#3 Morphine_OD   Members   

111
Like
0Likes
Like

Posted 13 November 2012 - 03:07 AM

Well, this is kinda half the pain, because the apex isn't situated in the middle between your finger and the book spine.

#4 Steve_Segreto   Members   

2059
Like
0Likes
Like

Posted 14 November 2012 - 12:17 AM

Indeed, sorry I missed that constraint when I first read your OP.

Here's something I found that might help?

http://rbarraza.com/html5-canvas-pageflip/

#5 Morphine_OD   Members   

111
Like
0Likes
Like

Posted 15 November 2012 - 03:49 AM

Well, the link illustrates the usual page flip, like Harism did. And I'm not sure it's worth it because ultimately we have to make sure that the mesh doesn't have any visible "breaks" in places where the flat piece connects with the piece that's "rolled" around the cylinder

#6 Bacterius   Members   

13164
Like
0Likes
Like

Posted 15 November 2012 - 07:53 AM

Do you need to do it in three dimensions (e.g. display an actual 3D book with a page mesh that correctly flips), or can it be done as a simple 2D animation (in which case the effect can be obtained by an analytical mapping which'll correctly map the original page texture to the "curled" page texture).

“If I understand the standard right it is legal and safe to do this but the resulting value could be anything.”





Old topic!

Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.