Play timeline in Hype when scrolled into view

In the following video I demonstrate how we can have a timeline played back, as soon as a specific element scrolls into view: $(".scroll").scroll(function() { playIfVisible("highlight"); }); function playIfVisible(name){ var posY = document.getElementById(name).getBoundingClientRect().top; var winH = $(window).height(); … Read more…

Blend modes in Hype

Here is a short tutorial on how to add blend modes in Hype: var modes = ["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"]; for(var a = 0; a < modes.length; a++){ var mode = modes[a]; var modeClass = "blend_"+mode; var elem = document.getElementsByClassName(modeClass); for(var i … Read more…

Connecting wordpress/Divi to Hype

In the following videos I am demonstrating how pages build with wordpress/divi can be linked inside of Hype. Overview: Setting up Hype: The following code will be needed for the “On Scene Load” function: var containerID = "wp_work1"; var link … Read more…