JSFiddle - React, Tailwind, and code Playground

HTML

Making Games, spellen maken in javascript, Spritesheet
<div id="mickey">
<div id="mickey_spritesheet"><img src="http://1.bp.blogspot.com/-UOMO8Hchk7c/U6FEi6CFxJI/AAAAAAAAAeU/9yu1NZl97lE/s1600/mickey.png"></div>
</div>

CSS

html, body, div, iframe,
img, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body{
	line-height: 1;
    font-family: sans-serif;
    background-color: #ffff00;
     overflow: hidden;
}
/***********EINDE RESET******************/
#mickey{
      position:absolute;
      top: 50px;
      width:61px;
      height:75px;
      /*border-color: #f00;*/
      /*border-style: solid;*/
      /*border-width: 5px;*/
      overflow: hidden;
}
#mickey_spritesheet{
      position:absolute;
/*      background-color: #f00;*/
      overflow: hidden;
}

JavaScript

var mickey={};
mickey.ssref=document.getElementById("mickey_spritesheet");
mickey.ref=document.getElementById("mickey");
mickey.frame=0;
mickey.totalframes=4*5;
mickey.w=61;
mickey.h=75;
mickey.x=0;
mickey.spritesheetWidth=4;
mickey.spritesheetHeight=5;

var loop_interval=window.setInterval(gameloop, 40);


function gameloop()
{
    mickey.frame++;
    mickey.x+=3;
    if(mickey.frame>=mickey.totalframes)
    {
          mickey.frame=0;
    }
    var x=-mickey.w*(mickey.frame%mickey.spritesheetWidth);
    var y=-mickey.h*Math.floor(mickey.frame/mickey.spritesheetWidth);
    
    mickey.ssref.style.left=x+"px";
    mickey.ssref.style.top=y+"px";
   mickey.ref.style.left=mickey.x+"px";
}