How to add fade transitions between scenes?

Marhaws
Posts: 3
Joined: Fri Aug 11, 2017 11:41 pm

How to add fade transitions between scenes?

Postby Marhaws » Tue Sep 26, 2017 2:09 pm

What is the best way to add a "Fade Out/In" transition effect from one scene to the next?

Thank you in advance for the help.

User avatar
rroux
ForgeJS Team
Posts: 126
Joined: Wed Oct 26, 2016 12:19 pm

Re: How to add fade transitions between scenes?

Postby rroux » Tue Sep 26, 2017 2:31 pm

Hi Marhaws,

We are working on scene transition. This feature is not part of our current release.
I saw someone who applied CCS effects on the canvas when the event of new scene occurs.
Maybe you can try this ?
- Raphaël

Marhaws
Posts: 3
Joined: Fri Aug 11, 2017 11:41 pm

Re: How to add fade transitions between scenes?

Postby Marhaws » Tue Sep 26, 2017 2:48 pm

Thank you Raphaël. I appreciate the quick reply.
And thank you for the ForgeJs. It is quite amazing.

oblanc
Posts: 1
Joined: Wed Sep 27, 2017 8:16 am

Re: How to add fade transitions between scenes?

Postby oblanc » Wed Sep 27, 2017 9:43 am

Hi
You can create a transition effect with javascript and CSS.
Here is an example with well commented code:
https://codepen.io/anon/pen/RLpQjz?editors=0010

Marhaws
Posts: 3
Joined: Fri Aug 11, 2017 11:41 pm

Re: How to add fade transitions between scenes?

Postby Marhaws » Wed Sep 27, 2017 6:55 pm

This is perfect, Straight forward with a lot of flexibility. By adding it to the Action there is no need for hooks into the pipeline. This can also be easily added to a pre-existing project without a lot of rework. And the Zoom on click is great touch. Thank you oblanc!

Who is online

Users browsing this forum: No registered users and 2 guests