window.onscroll = function(){
//INTRO
//trigger intro animation if container height is past trigger intro height
if(getCurrentContainerHeight() > heightToTriggerIntro && !transCalled) {
//halt any trans to avoid duplicate calls if trans isnt finished
moveTvOnOffStage.halt();
moveTvOnOffStage.setTransform(Transform.translate(110,100,0), spring);
transCalled = true;
transOutCalled = false;
}
//OUTRO
//trigger outro animation if container height is past trigger outro height
if(getCurrentContainerHeight() < heightToTriggerOutro && !transOutCalled) {
//halt any trans to avoid duplicate calls if trans isnt finished
moveTvOnOffStage.halt();
moveTvOnOffStage.setTransform(Transform.translate(-250,-250,0), spring);
transCalled = false;
transOutCalled = true;
}
//SET SCROLLING TO CHANGE CONTAINER SIZE
//if you have passed the target point + padding and the container height and distance travelled is less than the max
if(window.pageYOffset + padding > targetPosition && getCurrentContainerHeight() + distanceTravelledPastTarget() < maxHeight) {
//set height of container to current height + distance travelled past target point
document.getElementById('famous-container').style.height = containerHeightStart + distanceTravelledPastTarget() +"px";
}
}
Engine.on('click', function() {
myModifier.halt();
myModifier.setTransform(Transform.rotateZ(Math.random()*Math.PI/2), { curve: 'easeOut', duration: 5000 });
});
surface.on('click', function() {
stateModifier.halt();
surface.setContent('halted');
});