×

Discussion Board

Results 1 to 5 of 5
  1. #1
    Super Contributor
    Join Date
    Jan 2009
    Location
    Melbourne, Australia
    Posts
    2,578

    How do I create "page turning" animation effect

    I want to make a slightly-more-than-basic ebook reader. I can simulate a page turning using a rotation around the left x origin of the page. This works, but unlike paper, the page doesn't "bend" - it looks like its printed on metal! Is there any way to animate more realistic "paper" behaviour where the right hand side bends "faster" than the left hand side of the page. Effectively I want to put a "curve" into the Text object I apply this too.

    This is the "metal" animation
    Code:
            transform: Rotation {
                origin.x: mainRec.width; origin.y: mainRec.height/2; axis {x:0; y:1; z:0} angle:0
                NumberAnimation on angle  {
                    from: 0; to: -90;
                    duration: 1000;
                    loops: Animation.Infinite
                }
            }

  2. #2
    Super Contributor
    Join Date
    Oct 2008
    Location
    INDIA
    Posts
    2,326

    Re: How do I create "page turning" animation effect

    Check this two documents : QML Animation

    SequentialAnimation Element

    Best regards,

  3. #3
    Super Contributor
    Join Date
    Jan 2009
    Location
    Melbourne, Australia
    Posts
    2,578

    Re: How do I create "page turning" animation effect

    Quote Originally Posted by rahulvala View Post
    Check this two documents : QML Animation

    SequentialAnimation Element

    Best regards,
    Thanks, I've already read almost every QML document. The problem is that I can't work out how to apply these animations to achieve the result I want.

  4. #4
    Super Contributor
    Join Date
    Oct 2008
    Location
    INDIA
    Posts
    2,326

    Re: How do I create "page turning" animation effect

    Quote Originally Posted by hamishwillee View Post
    Thanks, I've already read almost every QML document. The problem is that I can't work out how to apply these animations to achieve the result I want.
    This kind of application is created by Tommi Laukkanen (Twimgo creator).

    See here with code : http://www.meegoexperts.com/2011/03/...ard-page-flip/

    best regards,

  5. #5
    Super Contributor
    Join Date
    Jan 2009
    Location
    Melbourne, Australia
    Posts
    2,578

    Re: How do I create "page turning" animation effect

    That is the sort of thing I was looking for. He doesn't actually "bend" the page, but uses shadow to provide more "reality" in the flip effect.

    I'm still interested in anyone who can work out how to do an even more realistic paper effect using QML.

    Thanks Rahul!

Similar Threads

  1. "My Dashboard" or Submissions tab show "page not available"
    By mgroeber9110 in forum Symbian Signed Support, Application Packaging and Distribution and Security
    Replies: 2
    Last Post: 2011-08-02, 08:16
  2. Replies: 0
    Last Post: 2010-09-08, 09:17
  3. Replies: 0
    Last Post: 2010-08-09, 21:00

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •