var stats = new Stats();
stats.setMode(0);
document.body.appendChild(stats.domElement);

var canvas = document.createElement('canvas');
canvas.width = 512;
canvas.height = 512;
document.body.appendChild(canvas);

var context = canvas.getContext('2d');
context.fillStyle = 'rgba(127,0,255,0.05)';
setInterval(function () {
    var time = Date.now() * 0.001;
    context.clearRect(0, 0, 512, 512);
    stats.begin();
    for (var i = 0; i < 2000; i++) {
        var x = Math.cos(time + i * 0.01) * 196 + 256;
        var y = Math.sin(time + i * 0.01234) * 196 + 256;
        context.beginPath();
        context.arc(x, y, 10, 0, Math.PI * 2, true);
        context.fill();
        // DO NOT ENABLE THIS LMAO
        // document.write("Text to display.");
    }
    stats.end();
}, 1000 / 60);