FPS rate only works if 'playbackRate' is set to throttle

[Mamboleoo]

I was trying to force a lower FPS by setting the property fps: 4 in my settings (as shown in the docs https://github.com/mattdesl/canvas-sketch/blob/master/docs/animated-sketches.md) but I couldn't make it work unless I also defined the playbackRate to throttle.

I dug a bit in the source code and I found that without the playbackRate the fps value was never taken into account.

canvas-sketch/lib/core/SketchManager.js

Line 621 in 4addd0f

} else if (playbackRate === 'throttle') {

I don't know if it should be set to throttle as a default but I think it should be mentioned in the docs :)

Thanks for the library btw 💙

[mattdesl]

Yup this is something that might need better documentation and a bit more thought around.

I didn't want to throttle FPS by default as the real-time animation will feel slightly less fluid. So without throttling, the fps setting is still used (it affects total frame count and deltaTime interval on animation export), but you won't notice a difference when watching the animation loop in the browser.

[Mamboleoo]

Thanks for the reply, it makes sense now!