Zoom-in page transition animation

[andrenajordan]

I want to make this kind of animation in Gsap and Pixijs, is there any way to do it?
Click on the play button and it will zoom to the home screen background, then that zoom area will be the background of the game scene.
https://barbajs-gsap-yar.webflow.io/

[Cassie]

Hi there, 

 

Anything is possible with GSAP given some time, experimentation and thinking!

 

I'm afraid we can't help with this currently as it's a bit too vague. But if you can put together a minimal demo showing what you've tried and where you're stuck, we'll be happy to help.

 

[andrenajordan]

14 hours ago, Cassie said:

Hi there, 

 

Anything is possible with GSAP given some time, experimentation and thinking!

 

I'm afraid we can't help with this currently as it's a bit too vague. But if you can put together a minimal demo showing what you've tried and where you're stuck, we'll be happy to help.

 

I'm sorry but currently,  i have no idea about doing that. I just need a direction 😢

 

[Cassie]

If you can explain a little more clearly what you want to do maybe I can help?

Here are some starting points for now?

 

How to make a minimal demo - 

Working with Pixi and GSAP using the Pixi plugin
https://gsap.com/docs/v3/Plugins/PixiPlugin/

Some Pixi demos
https://pixijs.io/examples-v7/#/gsap3-interaction/gsap3-basic

Page transitions are quite complicated in themselves though, I'm a little confused about what you mean by "home screen" and "game scene" and why you want to use Pixi.

More info would really help us help you, your question is just a little too broad/vague currently.