Configurable animation duration / type

[fdb]

As a user I want to be able to configure the duration of the animation instead of using the standard duration.

Using simple syntax at the top of the sketch I could set how long the animation would take (in seconds) and how the animation behaves:

% duration: 10s
% animation: linear

root:
- <svg ... />

Animation types are:

• linear: play the animation repeatedly, from beginning to end.
• bounce: play the animation forwards, then backwards, repeatedly.
• once: play the animation once.

This depends on #4 (preamble syntax).

[fdb]

Gifloopcoder implements the animation types using these formulas: https://github.com/bit101/gifloopcoder/blob/master/src/src/app/render/Interpolation.js

[kunal-mohta]

I would like to try this issue if not yet solved.. I have read the code base, and realized that you have used requestAnimationFrame for the animations. Several different animation-types can be added when using requestAnimationFrame by using some Math expressions and formulas manipulating how animation varies with time as mentioned above by @fdb

[stebanos]

Duration setting was implemented in 2a2e9781, but animation type is still open.

[kunal-mohta]

Can I try it?

[stebanos]

Sure, why not? :)

[kunal-mohta]

The editors don't seem to be working on my forked repo

[fdb]

Do you see an error message in the Firefox console?

[kunal-mohta]

My bad, there was a typo I don't how that occurred Sorry for bothering