Skip to content

blutarche/intensifier

Folders and files

NameName
Last commit message
Last commit date

Latest commit

May 16, 2016
3369def · May 16, 2016
May 16, 2016
May 16, 2016
May 10, 2016
May 10, 2016
May 10, 2016
May 8, 2016
May 16, 2016
May 10, 2016
May 7, 2016
May 8, 2016
May 15, 2016
May 9, 2016
May 10, 2016
May 16, 2016
May 16, 2016
May 7, 2016
May 9, 2016
May 16, 2016
May 14, 2016
May 10, 2016

Repository files navigation

intensifier

Intensifies gif maker http://aikdanai.com/intensifier/

How to compile sass

sass --watch scss:css --style compressed

How to use webpack

install module

npm install

run webpack-dev-server

npm start

webpack create bundle.js

webpack --inline --hot

or

./node_modules/.bin/webpack --inline --hot

or

./webpack-build

optimize

webpack --inline --hot --optimize-minimize --optimize-dedupe

References

statcounter.com

react-colors-picker

Canvas to GIF

var canvas = document.getElementById('canvasTagID');
var context = canvas.getContext('2d');
var encoder = new GIFEncoder();
encoder.setRepeat(0);
encoder.setDelay(0); // delay between frame
encoder.start();

context.fillStyle = "rgb(255,0,0)";  
context.fillRect (10, 10, 100, 100);  
encoder.addFrame(Context);

context.fillStyle = "rgb(0,255,0)";  
context.fillRect (50, 50, 200, 200);  
encoder.addFrame(Context);

// Update Context
// Add Frame
// ...

encoder.finish();
document.getElementById('imageTagID').src = 'data:image/gif;base64,'+encode64(encoder.stream().getData());