transition_overlap.zip (676.8 KB)
Hi, I would like to know if there is a way to transition from one scene to another by overlapping both scenes for a duration T, so that the 'OUT' animation of Scene 1 and the 'IN' animation of Scene 2 run simultaneously.
Attached you will find an example created using symbols.
Also, do you have any suggestions on how to create a transition between scenes of the same type but with different content? (For example, Scene 2 to Scene 2, but with two different photos).
the easiest way is to align the timing of your desired animation on all of your timelines.
So i just moved the animation of your “out” timeline a couple of frames, so they match (and overextend by one frame) in comparrison to you “in” animation.
So by matching the starting point of your animatoin and the duration, they overlap.
One more thing i did was: i changed the easing type to IN/Out.
So by that the smooth start and ending of the overlapping time are harmonized.
If you are trying to match animations together it wont work that smooth, if one is set to EaseOUT and the other one is set to EaseIN.
This alone would separate the animations, even if they would have been aligned perfectly on the timeline.
I hope i could help
The next thing i would do is to rather use Ease InOut Quad.
Try playing around with easyings - work your way up frome linear to realy understand what power lays is in them.
Hi, thanks for the reply.
I probably didn't explain myself very well.
What I'd like to do is put the different scene types (which I've now inserted into a symbol) in different Hype scenes and use something like: hypeDocument.showSceneNamed('sceneName', hypeDocument.kSceneTransitionOverlap, 1).
This is because there are many scene types, and it would be more convenient to manage them separately.
