JSFiddle - React, Tailwind, and code Playground

by kodisha

HTML

<script src="http://bajcic.com/lib/stats.min.js"></script>
<canvas id="canvas" width="500" height="500" style="margin-top:50px;"/>

JavaScript

var stats = new Stats();
stats.setMode(0); // 0: fps, 1: ms

// Align top-left
stats.domElement.style.position = 'absolute';
stats.domElement.style.left = '0px';
stats.domElement.style.top = '0px';

document.body.appendChild( stats.domElement );

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
    





setInterval( function () {

    stats.begin();

    var x = Math.random() * 400;
    var y = Math.random() * 400;
    ctx.fillRect(x,y,30,30);
    //ctx.clearRect(0,0,100,100);
    
    
    stats.end();

}, 1 );