Hello, I am looking for a way to make an animation of a moving balance. A kind of animated GIF. The goal is that the balance starts in a balanced state, then tilts left, then right. With which tool can you achieve this? Preferably within articulate or otherwise free tool. See attachment. Tried in articulate but without success
As mentioned in some previous posts, GSAP 3 is now included in Storyline. Basically all animation in Storyline is done with GSAP. Quite a few of GSAP's core functionality you can use directly in Storyline now. Here is a sample on how to animate a swinging balance. https://360.articulate.com/review/content/b4181969-ead7-42bc-b3cd-38744629fe28/review
Adding the sample as it is as Storyline file. If you include GSAP's timeline code variables as Webobject you can access this kind of variables anytime with a default Storyline trigger and thus can stop, pause, rewind, reverse and do almost anything with it. The scope of how Articulate uses external scripts now hinders that...
If you say "GSAP 3 is now included in Storyline", how does it work in practice? Did you write the Javascript from scratch or are you using a tool where you don't have to know all the code?
Thx Math your links have given me reading pleasure for last night :) Unfortunately a little too high lvl for me. I am not a developer. Storyline was chosen because it was very accessible. And also very useful for someone who sporadically makes something. Without knowing html and css. Since I can't preview the Java code in SL there's too much involved (upload images to web, in codepen create html&css, develop, ...). I will keep it in mind for later but for now I will look for other solutions. Thanks anyway
Im no developer either. Studied Graphic arts, design and illustration... its fun to bring life to your creations... both with animations as with scripting...
5 Replies
As mentioned in some previous posts, GSAP 3 is now included in Storyline. Basically all animation in Storyline is done with GSAP. Quite a few of GSAP's core functionality you can use directly in Storyline now. Here is a sample on how to animate a swinging balance.
https://360.articulate.com/review/content/b4181969-ead7-42bc-b3cd-38744629fe28/review
Adding the sample as it is as Storyline file.
If you include GSAP's timeline code variables as Webobject you can access this kind of variables anytime with a default Storyline trigger and thus can stop, pause, rewind, reverse and do almost anything with it. The scope of how Articulate uses external scripts now hinders that...
Thx Math, that is the direction I was thinking.
If you say "GSAP 3 is now included in Storyline", how does it work in practice? Did you write the Javascript from scratch or are you using a tool where you don't have to know all the code?
Thx
Here you can find GSAP ( https://greensock.com/docs/v3/GSAP/Timeline ) and a lot of help.
There are some tools to find online that can create javascript or json code that can be used with GSAP or similar inside Storyline.
https://spiritapp.io/docs/examples
Spirit is one of those...
As is this one...
AniMachine:
https://github.com/animachine/animachine
http://animachine.github.io/animachine/#/demo/Box?_k=4326h8
So it is possible to create without using code...
I write it from scratch though...
Thx Math
your links have given me reading pleasure for last night :)
Unfortunately a little too high lvl for me. I am not a developer. Storyline was chosen because it was very accessible. And also very useful for someone who sporadically makes something. Without knowing html and css.
Since I can't preview the Java code in SL there's too much involved (upload images to web, in codepen create html&css, develop, ...).
I will keep it in mind for later but for now I will look for other solutions. Thanks anyway
Im no developer either. Studied Graphic arts, design and illustration... its fun to bring life to your creations... both with animations as with scripting...