doc22940 / animated-pixel-gradients

Make pixelated gradient GIFs with words

animated-pixel-gradients

Make pixelated gradient GIFs with words on them!

Example GIF

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
• spectrum - Color picker for platforms that don't support <input type="color">

To Do

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