Viewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@Daniel wrote: Tumult Hype 3.5 introduces the concept of viewport actions: You can run any action when an element has been scrolled into the visible area of the browser or device. You can also run an...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@kerguelen wrote: Hey Daniel,thanks for the tutorial. It works fine on a computer but animation doesn't launch on scrolling on mobile device (tried on iPad). Animation is played only when scrolled is...
View ArticleClik here to view.
Viewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@Alfie wrote: Daniel: This starts the ‘blue box’ timeline when the entire ‘red box’ element is in view. Cool tutorial. When I scroll back up to the top the timeline "bluebox" starts from the...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@jakob wrote: I would think this is due to the way JavaScript works on mobile devices. Basically, it is paused while you scroll, until you finished scrolling. It's to save battery power, ultimately....
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@jakob wrote: You could use the waypoint plugin "inview" and then run this code on scene load: var inview = new Waypoint.Inview({ element: $('YOURTRIGGERELEMENT')[0], enter: function(direction) {...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@nick wrote: Could this work with this type of scenario in some way?When I launch the plunger there is a hesitation in the ball physics using just Hype to animate. plunger_tute.hype.zip (79.8 KB) Read...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@jonathan wrote: @nick the delay comes about because you are animating the ball using an elastic timing function. The force at the end of the elastic timing function is pretty much nil since it goes...
View ArticleClik here to view.
Viewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@Alfie wrote: jakob: You could use the waypoint plugin "inview" and then run this code on scene load: Hi Jakob, I tried your advise. I don't get it to work! I have the document that I practiced on...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@jakob wrote: Hey, @Alfie I just checked your document real quick and failed to see a reference to the "inview" library in your <head> You need this, along with jquery and...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@kerguelen wrote: Hi @Alfie, could you please post the document if you manage to have it working ? thanks in advance Read full topic
View ArticleClik here to view.
Viewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@Alfie wrote: kerguelen: Hi @Alfie, could you please post the document if you manage to have it working ? @kerguelenI will post the document if I get it ever to work Still experiment with it. I am...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@Ashton wrote: I figured out how to get the animation to activate when scrolled to and reverse when not on screen without using the waypoints.inview, and only waypoints. Rather than using...
View ArticleClik here to view.
Viewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@Alfie wrote: Ashton: I figured out how to get the animation to activate when scrolled to and reverse when not on screen without using the waypoints.inview Hi Ashton, Cool idea, I need to try that...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@Ashton wrote: Yea I didn't put too much time into figuring out the reverse timeline, I'll play around with it some more too! I love how alive a website feels when we do things like this. Ashton Read...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@kerguelen wrote: Lovely ! Please, keep us informed of your progress ! Read full topic
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@Daniel wrote: I moved 6 posts to a new topic: Troubleshooting Embedding a Waypoints Animation Read full topic
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@gab wrote: Hi Daniel, is it possible to start several animations with different elements as "triggers" in the same layout with this method?if yes, how you should proceed? Thanks in advance! Read full...
View ArticleClik here to view.
Viewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@Daniel wrote: gab: is it possible to start several animations with different elements as "triggers" in the same layout with this method? Sorry for the delay in getting back to you -- the new 3.5...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@alexandregeissmann wrote: I think @gab was talking about elements trigering actions (eg: when you scroll to this element then play that timeline, or when this element is at 50% of the scrollview,...
View ArticleViewport / Waypoint actions in Tumult Hype: Starting an animation when an...
@josefrichter wrote: Is there a way to keep scroll position and timeline position in sync? Meaning I don't want to start playing the animation at certain point, but instead want to move the "playhead"...
View Article