https://github.com/francoisschwarzentruber/gifedit

A small gif editor by coding in Javascript
https://github.com/francoisschwarzentruber/gifedit

gif-animation gif-creator gif-editor

Last synced: 7 months ago
JSON representation

A small gif editor by coding in Javascript

• Host: GitHub
• URL: https://github.com/francoisschwarzentruber/gifedit
• Owner: francoisschwarzentruber
• License: gpl-3.0
• Created: 2021-04-07T08:51:36.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-07T11:06:24.000Z (over 4 years ago)
• Last Synced: 2025-01-12T19:35:37.842Z (9 months ago)
• Topics: gif-animation, gif-creator, gif-editor
• Language: JavaScript
• Homepage: https://francoisschwarzentruber.github.io/gifedit/
• Size: 3.86 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# gifedit

This tool enables to create GIF animations from simple Javascript code. See https://francoisschwarzentruber.github.io/gifedit/

# Examples of GIF created with that tool

![alt text](unification_animation.gif)

![alt text](kakutani.gif)

# How does it work?

1) Write Javascript code (see below)

2) Click on the `Generate GIF` button to obtain your GIF animation.

# Javascript description of your GIF

For initialisation:

     init({width: 120, height: 90});

     

Then just draw, using the 2D context object is `ctx` and using the HTML5 Canvas API.

For clearing the image, call `clear();`

To a frame to the animation, call `addFrame({delay: 1000});`

That is it!

# Credits

This tool is based on https://github.com/jnordberg/gif.js