Streaming live at 10am (PST)

Can an animation been start / stop / resume by several buttons?


#1

Hello a question about animation:

I would like to make a little game into the website: to start / stop / resume / restart
an animation of minions…

perspective view:
I couldn’t find the best solution yet (red buttons does not work)
https://preview.webflow.com/preview/karelrosseel-minions-road?utm_source=karelrosseel-minions-road&preview=066a7c20b0a8dd0d1dec80ff75366db3

horizontal view:
start/stop/resume button = 1 button => need to be separated for children.
again: does almost do what it needs to do: but the minions go to far back and come very fast back…

anyone with an idea?

Thanks to help me
https://karelrosseel-minions-road.webflow.io/
Karel


#2

Hi! What you describe is a scripted animation, it’s more complex than what Webflow IX2 offers. More complex in terms of how you can manage IX together and be able to pause them. There’s no notion of pause in Webflow IX. At best you’ll be able to craft a step by step IX that you can control with buttons, but you’ll have to be very creative and move hotspots around to approach what you’re after.

I’d recommend using another program for just your complex animation, then integrate it into Webflow. Your anim seems to be a perfect candidate for Tumult Hype 3 or Pro. It requires a bit of coding skills and/or a bit of knowledge on how animation softwares work. It’s a bit like Flash, in term of the timeline and actions.


#3

I foudt something on W3schools
https://www.w3schools.com/CSSref/css3_pr_animation-play-state.asp

This should be possible into webflow also… isn’t it… who can make this working for me?

Thanks Vincent to help
Karel