How to achieve some cool effects from Adobe Slate with Hype

Hi @DBear

Sorry, This one works, but we need put the second timeline after the first one and leave enough time gap between two timelines so that the second could be show exactly at viewpoint, otherwise, we might miss the second animation.

I checked Hype javascript document:

hypeDocument.goToTimeInTimelineNamed(timeInSeconds, 'timelineName') #

Jumps to a specific time in the specified timeline for the current scene.

(timeInSeconds, 'timelineName'),

In your javascript, there is a line:
hypeDocument.goToTimeInTimelineNamed(scrollAmount * 0.006, 'timeline2')

so, scrollAmount * 0.006 is the length of timeline, or the height of scene(webpage)?

So, Here are two questions please:
1# how we should calculate the time gap between two timelines and make the second animation exactly show upon it enter the viewpoint? please?
2# This script works well "On Scene Load", but if make it "On Enter viewpoint", some times, the first timeline does not play, please check the demo: Shop | Lovcour.com Smartwatches,Headphones,women's fashion backpacks,Laptop Backpacks,Suit Garment Bags,Camping Hiking Backpacks,Photography Backpacks,Schoolbags,Duffel Bags,outdoor sports backpack,Business Bags,Lovcour Travel Luggage Bags, you will find the first animation does not work at first access the page, but only works when you scroll twice, and attached document:
Imagezoombyscript32.hype.zip (109.1 KB)
Anyway to make it works stable for "On Enter Viewpoint"?

Thanks so much!