JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://strd6.com/space_demo/javascripts/jquery.hotkeys.js"></script>
<script src="http://strd6.com/space_demo/javascripts/key_status.js"></script>
<script src="http://seekpunk.hostei.com/animation.js"></script>
<canvas id="Canvas" ></canvas>

JavaScript

$(document).ready(function () {
            var cw = 700;
            var ch = 400;
            var Canvas = $("#Canvas")[0];
            Canvas.width = cw;
            Canvas.height = ch;
            var ctx = Canvas.getContext("2d");
            var kenImage = new Image();
            var FiledImage = new Image();
           
            var gravity = 0.5;


            var ken = {
                x: 0,
                y: 300,
                w: 50,
                h: 123,
                speed: 0.09,
                MaxJump: 0,
                frame: null,
                Iswalking: false,
                Isjumping: false,
                draw: function (dt) {
                    if (this.frame != null)
                        ctx.drawImage(kenImage, this.frame.x, this.frame.y, this.frame.width, this.frame.height, this.x, this.y,
                                   this.frame.width, this.frame.height);

                
                },
                update: function (dt) {
                    this.frame = KenIdle.draw(dt);
                }
            };

           

           
            kenImage.src = 'http://seekpunk.hostei.com/ken2.png';
            FiledImage.src = "http://s16.postimg.org/t70863th1/sf2_bg.jpg";

            var KenIdle = new Animation(10, [
            { x: ken.w * 0, y: 0 * ken.h, width: ken.w, height: ken.h },
            { x: ken.w * 1, y: 0 * ken.h, width: ken.w, height: ken.h },
            { x: ken.w * 2, y: 0 * ken.h, width: ken.w, height: ken.h },
            { x: ken.w * 3, y: 0 * ken.h, width: ken.w, height: ken.h },
            ]);
    

           
            function Draw(dt) {
                ctx.clearRect(0, 0, cw, ch);
                ctx.drawImage(FiledImage, 0, 0, cw, ch);
                ken.draw(dt);
                
            }

            function Update(dt) {
                ken.update(dt);
               
            }

            var requestID;
            var last_frame_update_time = 0;
           ...