HTML5 Canvas Example
HTML
<canvas id="canvas" width="640" height="400"></canvas>
CSS
#screenshot {
display: none;
}
JavaScript
function restart() {
var d_canvas = document.getElementById('canvas');
var context = d_canvas.getContext('2d');
context.fillStyle = "#990000";
var rndval = 1;
var filler = function() {
for (var pixels = 0; pixels < 64; pixels++) {
var y = (rndval & 0x000FF) - 1;
var x = (rndval & 0x1FF00) >> 8;
rndval = (rndval * 22695477 + 1) % (1 << 17);
if (x < 320 && y < 200)
context.fillRect(x * 2, y * 2, 2, 2);
if (rndval == 1)
return setTimeout(restart, 500);
}
setTimeout(filler, 1);
};
filler();
}
$(document).ready(restart);