Skip to content

ofcourseio/gifArtWorkshop

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

#Making gif with javascript

js gif workshop

###Prepairing node We are doing this setup only once.

  1. Install node https://nodejs.org/en/
  2. Create folder node_server and copy save_frame.js there
  3. Drag and drop folder to terminal window to get the path
  4. Open terminal and type this lines one by one
  5. cd path_to_your_node_server_folder // replace this path
  6. npm install socket.io

###Run node application

  1. Open terminal get path to your save_frame.js file and type this:
  2. node path_to_your_node_server_folder/save_frame.js

###Run your animation

  1. In canvas.html change "path_to_the_folder/frames" to the path of the folder where you want to export frames
  2. Run canvas.html and look at the terminal

###Covert image sequence to gif Use steps from this tutorial to generate gif http://goo.gl/OT7N8f

About

creating gif art with javaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 64.0%
  • JavaScript 36.0%