<script>
var canvas = document.getElementById('canvas'),
ctx = canvas.getContext('2d');
function resize() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}
resize();
window.onresize = resize;
function generate_noise(ctx) {
var w = ctx.canvas.width,
h = ctx.canvas.height,
idata = ctx.createImageData(w, h),
buffer32 = new Uint32Array(idata.data.buffer),
buffer_len = buffer32.length,
i = 0
for ( ; i < buffer_len; i++)
buffer32[i] =
((255 * Math.random()) | 0) << 24;
ctx.putImageData(idata, 0, 0);
}
var toggle = true;
(function loop() {
toggle = !toggle;
if (toggle) {
requestAnimationFrame(loop);
return;
}
generate_noise(ctx);
requestAnimationFrame(loop);
})();
</script>