Skip to content

Latest commit

 

History

History
40 lines (25 loc) · 1.3 KB

README.md

File metadata and controls

40 lines (25 loc) · 1.3 KB
Raw

animated-pixel-gradients

Make pixelated gradient GIFs with words on them!

Screenshot of app running

Example GIF

Sample GIF with a purple and green gradient with the word "GRADIENT" in the middle

Live version on Glitch 🎏

Fork on GitHub

Install from GitHub

git clone https://github.com/noelleleigh/animated-pixel-gradients.git
cd animated-pixel-gradients
npm install

Run locally

npm start

Open http://localhost:PORT/ in your browser with the port that it provided (e.g. http://localhost:8080/)

Libraries used

  • MainLoop.js - Runs the update-draw loop for the animation preview
  • gif.js - Renders the GIF file
  • opentype.js - Draws the text on the canvas

To Do

  • Develop Twitter bot feature
  • Better support for pixel sizes that aren't factors of the canvas resolution