https://github.com/incubated-geek-cc/canvas-frames-to-gif

An offline non-server dependent utility to create GIF files from custom Canvas frames.
https://github.com/incubated-geek-cc/canvas-frames-to-gif

canvas color-palette gif-animation html5-canvas javascript

Last synced: about 1 month ago
JSON representation

An offline non-server dependent utility to create GIF files from custom Canvas frames.

• Host: GitHub
• URL: https://github.com/incubated-geek-cc/canvas-frames-to-gif
• Owner: incubated-geek-cc
• Created: 2022-02-26T16:10:18.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-26T22:24:01.000Z (over 3 years ago)
• Last Synced: 2025-06-18T03:45:01.000Z (4 months ago)
• Topics: canvas, color-palette, gif-animation, html5-canvas, javascript
• Language: JavaScript
• Homepage: https://incubated-geek-cc.github.io/canvas-frames-to-GIF/
• Size: 35.2 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# canvas-frames-to-GIF

### An offline non-server dependent utility to create GIF files from custom Canvas frames. Inspired by [video to animated GIF converter](https://ezgif.com/video-to-gif)

![Overview](https://miro.medium.com/max/1050/1*8QKGBSjVsNbuG_kIBVtu8g.png)

### 3 primary JavaScript plugins used

* GIFEncoder.js

* LZWEncoder.js

* NeuQuant.js

Note: All file(s) were retrieved from [jsgif](https://github.com/antimatter15/jsgif)

### Running the tool

* No server required

* Just double-click the HTML file to run it on any JavaScript-enabled browser

### Demo

![Demo](https://miro.medium.com/max/900/1*2fW2zkUJLDjbmDguuFyhrg.gif)

---

Article available at: https://geek-cc.medium.com/how-to-create-an-animated-gif-from-custom-canvas-frames-with-client-side-javascript-696b1ba933ba