Konva - Animation for HTML5 canvas
I wanted to learn about animation on the canvas so I'm making a smooth spiral animation of the first 199 words of David Bowie's 'Space Oddity' using the excellent Konva canvas library and its animation feature.
A tech blog giving usable explainers, advice, tools, tricks and techniques for the Konva JavaScript canvas library, the HTML5 canvas, and related subjects.
I wanted to learn about animation on the canvas so I'm making a smooth spiral animation of the first 199 words of David Bowie's 'Space Oddity' using the excellent Konva canvas library and its animation feature.
I was curious about how to close Konva lines, and I wanted to explore what we can do with lines and animation - here's where it ended up.
Various use cases require the ability to save multiple _frames_ from a canvas as an animated GIF. This isn't something the canvas can do out of the box. Lets dig into how to make it happen...
Konva has 2 ways of making things mvoe or change - the tween and the animation. Animations are more involved but more capable, whilst tweens are a simple option if the needs are few. In this short post we look at a simple tween.