Got the beauty below to implement
So, the “flip page” effect… but the page:
- has a hole to look through
- has a lot of stuff put on it, like text/images, that also have to be visible through the hole when it flies above.
Spent bunch of time looking for a way to cheat with things like Lottie, GSAP, and designer bribing (to not do this in general), but it seems that it’s a real 3d-related task.
I thought about dumping the page content to canvas and using it as a plane texture. But then smooth bending has to take place. Should it be a bunch of polygons on that plane or some other tools/API to smooth the curves as bezier curves does in a flat world? And the hole… And the tool that bends or, maybe “winds” that plane on itself.
Please, leave a note on how this can/should be done, with the keywords/links to dig.
If I’ve missed something, if you have any thoughts/hints - please, do!
Hairs have started to grey already with this challenge, even if I’m still in my twenties…