Viewport / Waypoint actions in Tumult Hype: Starting an animation when scrolling to an element

@MarkHunte wrote:

Have a look at this

The start timeline keyframe on the main timeline is removed.

All pause keyframes removed.

The bluebox timeline now just has one animation.

Both waypoint codes now looks like this.

    $('#firkant').waypoint (function(direction){
	console.log(direction)
	if (direction == 'down') {
		
		hypeDocument.continueTimelineNamed('bluebox', hypeDocument.kDirectionForward, false)
	 
		}else  {
		
	 
		hypeDocument.continueTimelineNamed('bluebox', hypeDocument.kDirectionReverse, false)
		}
		
	}, { offset: '50%' });

waypoints mhv1.hype.zip (16.9 KB)

Read full topic