Creating Chess Board SVGs, PNGs, and GIFs

• gif.js

  4 4,705 0.0 JavaScript

  JavaScript GIF encoding library

It takes a bit of computation to get the timing right for a smooth animation, but after that work the gif.js and gifsicle libraries can output a fairly lightweight GIF for downloading and sharing.

• sharp

  97 27,943 9.4 JavaScript

  High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.

For simplicity, I will be generating PNGs with JavaScript/Node and the Sharp image library. Any library that can convert between pixel arrays and image files will make the process quite straightforward.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• gifsicle-wasm-browser

  1 105 10.0 JavaScript

  Run Gifsicle in the browser ,to GIFs compress, crop, manipulate frames, resize, Etc .

It takes a bit of computation to get the timing right for a smooth animation, but after that work the gif.js and gifsicle libraries can output a fairly lightweight GIF for downloading and sharing.

Suggest a related project