Peeling Page FX

10-16-2009 5:57 PM |

Hi,

I'm currently looking for a Page Turn effect
more Single Peeling Page should I say.

I've already taken a look at the wpfbookcontrol at Codeplex.
http://wpfbookcontrol.codeplex.com/

The Silverlight part uses a list of Buttons while the
WPF template includes a list of controls.

I'm not really aiming to recreate the left and right
page FX of a book. I don't have any problems dealing with both
leftPage and rightPage controls in the Book.xaml.

As I said I'm rather much more looking to create a kind of "Page Peeling" FX
based on a single larger page a bit like peeling the page of a large calendar...

I've done it in Flash using Mask layer but never in Silverlight.

I've tried to overlay both left and right controls and playing with the Canvas.Zindex
both it would obviously skip a page in both side.

Any ideas on how to do this kind of effect in Silverlight.

Thank you.

Re: Peeling Page FX

10-16-2009 7:49 PM |

Not sure if you've seen these, but there are lots of examples out there based on the original page turn demo for WPF/E.

• Page turn framework
• Silverlight 2 Page turn

Re: Peeling Page FX

10-17-2009 1:15 PM |

Thank's for the infos and the quick reply Bryant
but I indeed have taken a look at both already and
I'm aware of how each one work...

In both cases - even the one showing the images of airplanes-
at first sight, the example appears as it's displaying a whole single (800x600)
image each time.
Actually it's not the case as each image is splitted in half...
it uses a kind of leftPlane.jpg (400x600) and rightPlane.jpg image (400x600)
combination (similar to page turn demo and wpfbookcontrol demo)
or the odds on the right and the even on the left...

What I'm trying to do instead is to reproduce a peeling effect that could be used
as a transition to embed each control as a WHOLE ENTITY.
The inconvenient with all the methods used in the page turn demo and wpfbookcontrol demos
is that I don't really want to split a Dataform or a videoplayer in half...

I've reproduced the same kind of peeling effect in Flash in the past using Mask animation layers
and vector animation
Not as easy in Expression Blend though...

Thank's