How do I create "page turning" animation effect

[hamishwillee]

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

        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
            }
        }

[rahulvala]

Check this two documents : QML Animation

SequentialAnimation Element

Best regards,

[hamishwillee]

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.

[rahulvala]

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,

[hamishwillee]

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!