window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
window.setTimeout(callback, 1000 / 60);
generateLineInfo = function(x, y) {
xVelocity: Math.random() * 20 * (~~(Math.random() * 2) === 1 ? -1 : 1),
yVelocity: Math.random() * 10 * (~~(Math.random() * 2) === 1 ? -1 : 1)
window.onload = function() {
var colors, ctx, drawAndMove, elm, explosion, frameCount, generateExplosion, height, lines, operations, pixelDensity, tick, width;
width = window.innerWidth;
height = window.innerHeight;
elm = document.createElement('canvas');
pixelDensity = window.devicePixelRatio || 1;
colors = ["#FF7A43", "#F24B4B", "#DB5139"];
operations = ["sin", "cos"];
elm.style.width = width + "px";
elm.style.height = height + "px";
elm.setAttribute('width', width * pixelDensity);
elm.setAttribute('height', height * pixelDensity);
ctx = elm.getContext('2d');
document.body.appendChild(elm);
generateExplosion = function() {