Jump to content

  • Log In with Google      Sign In   
  • Create Account

We're offering banner ads on our site from just $5!

1. Details HERE. 2. GDNet+ Subscriptions HERE. 3. Ad upload HERE.


Google page flipping animation


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
6 replies to this topic

#1 Morphine_OD   Members   -  Reputation: 111

Like
0Likes
Like

Posted 12 November 2012 - 06:45 AM

Google Play Books has a nice flipping animation. Does anybody know how to reproduce this effect?



Sponsor:

#2 Faelenor   Members   -  Reputation: 396

Like
3Likes
Like

Posted 12 November 2012 - 01:55 PM

I suppose it's just a pre-made animation and the current frame is set in function of the position of the finger. I really don't think there's any physics modeling behind this, but I may be wrong.

#3 Morphine_OD   Members   -  Reputation: 111

Like
0Likes
Like

Posted 13 November 2012 - 03:04 AM

Thanks, I believe so too. I suppose there is no way to know for sure.

#4 MrDaaark   Members   -  Reputation: 3555

Like
0Likes
Like

Posted 13 November 2012 - 05:48 AM

Yeah, I really like that. I hate the way the kindle software just scrolls everything sideways. Google Play even included an option to make their program scroll like that. WHY!?

To me it always just looked like a texture mapped model. I'm looking at it again now. It looks like they replace the display with a model texture mapped with 4 pages for the duration of the animation, and they play through the frames until you let go. You are even able to scrub back and forth through the animation. There is a slight shadow under the turning page as well.

1) User touches screen in a region where page can be turned (excluding the extreme top and bottom, for toggling options)
2) Create texture map(s) of the current visible page(s), and the page(s) that will be visible after the page flips. These change depending on the display option and orientation of the device. You are either looking at 1 page or 2.
3) Draw the model, and flip through the frames of animation depending on user's finger motion. eg, at 50% through, have the page at 50% of the way turned.
4) When the page is fully turned, or the user lets go (where you play back the animation, so the page drops back into place), resume normal text display.

It could be done other ways. The text stays razor sharp with barely any distortion at any resolution. I can't say for sure if they are just drawing it real time with a distortion filter or not. There are many old flag wave and sine wave effects that could be modified to achieve this.

#5 Morphine_OD   Members   -  Reputation: 111

Like
0Likes
Like

Posted 13 November 2012 - 06:06 AM

Ok, so if I do such an animation in Maya, which format should I export it to? Obj sequence?

#6 MrDaaark   Members   -  Reputation: 3555

Like
0Likes
Like

Posted 13 November 2012 - 08:01 AM

Obj doesn't support animation. You'd have to generate the animation procedurally.

#7 Morphine_OD   Members   -  Reputation: 111

Like
0Likes
Like

Posted 13 November 2012 - 08:33 AM

That's why I wrote "obj sequence" which means a sequence of obj meshes, which could be loaded as keyframes later.




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.



PARTNERS