Navigation

Phaser FX - Page Curl Post FX

Published on 23rd February 2021

Welcome Phaser patrons!

Here is another exclusive Patrons-only Post FX for you. This time we've got the classic 'page curl' effect. You can set the from and to positions of the curl, the radius of the curl, and of course transition between two different types of objects, from Sprites to Scenes.

As with all of the Post FX packs you'll find in the attached zip full documentation, TypeScript defs, ESM and ES5 code, and lots of different examples to see how it all works. It's best to start with the 'transition to pointer' example for this one, then click and drag in the top right, or bottom right, corners. You don't have to use the pointer to curl the page, you could just as easily connect it to a tween or Scene transition. See the examples for more details.

Until next time!

PageCurlPostFX-v1.0.0.zip