based on work by @vicapow : https://github.com/visfest/badges
Create a background visualization for our conference badges! How's this made possible by the awesome magic of lenticular lenses and the fine folks at gifpop
Make it 1050px high, by 1500px tall
You'll Need the following tools PhantomJS
Install MacPorts so that you can install ImageMagick https://www.macports.org/ ImageMagick http://www.imagemagick.org/script/convert.php
sudo port install ImageMagick
Data scribble by Michael Chanover from the Noun Project https://thenounproject.com/search/?similar=173309&i=6590
Design sketch https://thenounproject.com/term/ink-mark/197297/
Painting https://thenounproject.com/search/?q=painting&i=21583
Code https://thenounproject.com/search/?q=coding&i=1171
captures 10 images (JPGs) from a certain webpage as defined in index.html:
cd generator
phantomjs lib/runounce.js USERNAME
#e.g.
phantomjs lib/runounce.js enjalot
this requires you have generator/data/attendees.json
You can also generate all the badges at once
node lib/runphantom.js
These commands will output to output/badges
(make sure the badges directory exists)
We use the convert command which comes with Imagemagick
convert -loop 0 output/test-*.jpg test.gif
Other stuff
http://mindthecode.com/recording-a-website-with-phantomjs-and-ffmpeg/