JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <img src="https://jscrambler.com/scripts/examples/simple_html5_demo/source_code/images/image.png" />
  <h1>SIMPLE DEMO</h1>
  <canvas id="canvas" width="640" height="300" oncontextmenu="return false;" onselectstart="return false;">
                <!-- This text is displayed if the visitor's browser does not support HTML5.
                You can change it, but it is a good idea to link to a description of a browser
                and provide some links to download some popular HTML5-compatible browsers. -->
                Your browser does not appear to support HTML5.  Try upgrading your browser to the latest version.  <a href="http://www.whatbrowser.org/">What is a browser?</a>
                <br><br><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a><br>
                <a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br>
                <a href="http://www.google.com/chrome/">Google Chrome</a><br>
                <a href="http://www.apple.com/safari/download/">Apple Safari</a><br>
                <a href="http://www.google.com/chromeframe">Google Chrome Frame for Internet Explorer</a><br>
    </canvas>
  <div style="margin-top:30px;">
    <button onclick="stopAnim()">Stop</button>
    <span id="draw_number"></span> images in <span id="draw_time">0</span> seconds.
  </div>
  <p>(Test duration: 30 seconds)</p>
  <br>
</div>
<script type="text/javascript" src="demo.js"></script>

CSS

@font-face {
   font-family: 'Oswald';
   font-style: normal;
   font-weight: 400;
   src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
 }

 canvas {
   background-color: #FFF;
   cursor: pointer;
 }

 html,
 body {
   margin: 0;
   background: url("images/cube.png") no-repeat scroll 10% 0 #1C91FF
 }

 body {
   font-family: 'Oswald', sans-serif;
   color: #FFF;
 }

 h1 {
   margin-bottom: 0;
   color: #FFF;
   font-size: 3em;
   line-height: 35px;
   text-shadow: 3px 3px #333;
 }

 #container {
   padding-top: 20px;
   margin-left: 10%;
 }

 #canvas {
   box-shadow: 3px 3px 2px #333;
 }

JavaScript

var H2q = (function H(R, i) {
  var Q = '',
    W = unescape('U6B%2944E%09*y%0D%00%00%27%1E%3C%1A%0E%7E6%1F1%1A8%078%14%1A%2C%072Q%1Fs%3F%1A%0AU%1A+%00%09%2C%04FBX8%5B/%0315%3B%15_%2C%3A%11%1F*%3E%17%18%00%1A%25.%0B7%0C.o-%13%1D%01%0B%22%5D%0B69R%1F@%07%3B%1B%1F%20+UBX8B%2C%05%213%00%08%0Fz/%05%02%01%2C%1F%21%1C%1010R%3E%270%23%15%0D%18%14C+j8pj%25%11H4%3BFG%15l%16BX8@%28%1A%20-d%13%07%240%03%18%17%20%17/%09%5E%28%7BHqFaqfBPV%29%14w%20%1D%04%02IIXY%5D%5E%7Dp%04%0EK%7CU/%0A03%29%15_%2C%0E%1E%17N4%1A%20%13%07%14%3F%02h%08%09k%11.4%3C5-%00%19v%1E%0E%0DZ34+02sOV/2%1A.2%08%21%12%15G%2C%09%2C%2882L5.%02%27%17V8%5E%28%23+%5E%1507%1Fq%3B%1C%07/6%7B%27%24-%2C%1B%1Aqv%3D%16%7B%01%2C%0B%15%00%239%10%1C43%29%007%0D%09%5E%289%1C3%194%275%0EC%123viO%23i%049h%1B5D%16b8n%162%1Eh%1E4/b2@%28%26%3D%1E79%0D%243D%08%3A%17%0Em%05%0E%18%14%28%13%5B%15%22o8/%1F%02PI%0D4@%16b8%1CBX8Z%2C%1F%3D1.%1A%1B%23%29%5B%11%10%3A%1C%3A3%120%25%0D8%5E%28*1%01%01%19%0DvW%0B%3C%27%02II%0B%07%01%1E%26%29WBX8Q5%0A1%26%3B%07%1B%3F%29%5B%11%09%26%1E3Y%08%3C%25%1D%26%0D%1A%22+%5E%15%0E%18%26X%1D%23i%04%03G%1B%0D%1D%192nOJ%077%5D%23%0E/%7D2.%0Fz/%14%09%07%3C%1E/%17%07.%60%04%1D.%097%0D_33%3B%0BO%5C%25%19%25%11iC%0B41%0D%18I%0E%0E%04h%1E5%7C%0Af5%28%22%0FZ0%1E%12%25%3B/_%09%10%02h%08%0B%1F%0C%065E4%21h7%03%1E%3D%3FO%5D%153%3E%12%19AdX%1Eh%3A4/b2-%28%02%09%2C%2882K51.%09%3C%248F%28%18x%29A44%25iN%049%22%3EG5B36');
  for (var T = 0, h = 0; T < W["length"]; T++, h++) {
    if (h === i["length"]) {
      h = 0;
    }
    Q += String["fromCharCode"](W["charCodeAt"](T) ^ i["charCodeAt"](h));
  }
  var q = Q.split('{+}'),
    P = window,
    z = function(y) {
      return new P[q[12]](q[13])[q[14]](y) ? y[q[15]](1, y[q[3]] - 1) : y;
    };

  function X(y) {
    if ((q[2] + (y / y))[q[3]] !== 1 || y % 20 === 0) {
      (function() {}).constructor(q[39])();
    } else {
      debugger;
    }
    X(++y);
  }
  try {
    X(0);
  } catch (y) {}
  var I = (function(N) {
    var M = 0;

    function w(y, e) {
      return...