How to animate blocks simultaneously? Feb 02, 2021 By Nicole Mueller Hi, I want to build something like this in Storyline 360: https://360.articulate.com/review/content/e8415dde-f707-46d6-88d5-90238b55512c/review Do you have any idea how this it´s done, that by clicking on one of the 3 parts the red field is opening and the others are shrinking? Thanks a lot, Nicole
Math Notermans 3 years ago02/02/21 at 9:24 am (UTC) This could be done purely in Storyline with triggers and some variables. Or by using Javascript and GSAP... Easiest ( for me at least ;-) is creating this in Storyline with GSAP.
Chris Foster 3 years ago02/02/21 at 10:21 am (UTC) Hi Nicole, You could achieve something similar using animation paths, I've put something together for you here https://360.articulate.com/review/content/d3b45e88-2ff7-4b2c-b87c-d99750ce17a6/review It's a bit rough around the edges but it might give you an idea. I have also attached the storyline file for you.. Good luck :-) Animate_blocks_simultaneously.story
Shandy Arroyo 3 years ago02/02/21 at 5:18 pm (UTC) I recently made something similar and followed this video ... https://www.youtube.com/watch?v=twNa701f8Ac
3 Replies
This could be done purely in Storyline with triggers and some variables. Or by using Javascript and GSAP... Easiest ( for me at least ;-) is creating this in Storyline with GSAP.
Hi Nicole,
You could achieve something similar using animation paths, I've put something together for you here https://360.articulate.com/review/content/d3b45e88-2ff7-4b2c-b87c-d99750ce17a6/review
It's a bit rough around the edges but it might give you an idea. I have also attached the storyline file for you..
Good luck :-)
I recently made something similar and followed this video ... https://www.youtube.com/watch?v=twNa701f8Ac