Animate Between Hype Scenes

@Ollie
The following is closer to your original question about animating between Scenes - and is intended to show general principles. Your original example is basically the same set-up > scrolling between discrete Frames~Scenes that lock into position.

@jonathan Challenge accepted - for the usual stakes? :sunglasses:

Dynamic Animation during Scene Transitions - Online Demo.

Hype project file: SceneTrans_JHSv1.hype.zip (22.2 KB)


Disclaimer:
I still think a single Scene is the best way to handle a scrolling behavior scenario. This demo is intended to show another approach (and more work) which is best suited to "visually disruptive" transitions such as cross-fades which allow for a greater tolerance of heavy-duty animation shenanigans - even so you can still get pretty granular with this technique.


Overview:
There is one controlling group in every Scene (two Scenes total in this demo). Each controlling group contains the other Scene's initial animation (sub-group) in addition to the current Scene's animation (another sub-group). When the "Go to Scene" button is clicked there is a shift in the "top" position of the controlling group in the Scene which displays a simile of the "Go To Scene" (sub-group); then an instant jump is made to the actual Scene. There is deliberate lag in the "Go to Scene" button's appearance (i.e. "Go to Scene 1" or "Go to Scene 2") in order to show the synchronizing between Scenes (i.e. when a button is displayed You are in the actual Scene).

An examination of the attached project file will yield a better understanding of this process than a full explication here... but I am happy to answer any specific questions regarding this Demo.

1 Like