JSFiddle - React, Tailwind, and code Playground

by hustlerinc

HTML

<html>
<body onload="init();">
<canvas id="canvas" width="200" height="200"></canvas>        
</body>
</html>

CSS

#canvas{border:1px solid black;margin:5px;}

JavaScript

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
console.log(ctx);
var fps = 50;

function init(){
 setInterval(update, 1000 / fps);   
}

function sprites(){    

}
var spritesheet = new Image();
spritesheet.src = "http://img845.imageshack.us/img845/6364/spritesheet.png";

function draw(){
 ctx.drawImage(spritesheet, 50, 50);        
}

function update(){
 draw();        
}