DEV Community

3 1

Easily make animated gifs using Javascript.

For a post I'm working on, I wanted to illustrate something with a gif. I'm no graphic designer, so I wouldn't be able to create it with ui tools. I wanted to be able to build it with code.

So I made a little Codepen template, where you can easily plug in your own frame drawing code to make your own gifs using JavaScript and the canvas API.

Give it a try, and let me know what you think.

See the Pen Make gifs using the canvas by Frederik Creemers (@bigblind) on CodePen.

Top comments (5)

Collapse
 
tyru profile image
Takuya Fujiwara β€’

Super cool!!
What is the license of the code?

Collapse
 
_bigblind profile image
Frederik πŸ‘¨β€πŸ’»βž‘οΈπŸŒ Creemers β€’

I used JSGIF, which is licensed under the MIT license. Public pens on CodePen, like mine, are also MIT licensed.

Collapse
 
tyru profile image
Takuya Fujiwara β€’

Thanks!

Collapse
 
ben profile image
Ben Halpern β€’ β€’ Edited

Cool!

Collapse
 
niko profile image
Niko πŸ‘©πŸΎβ€πŸ’» β€’

This is pretty sweet. Good job man.

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay