JSFiddle - React, Tailwind, and code Playground

by s3ntry

HTML

<html>
  <head></head>
  <body>
    <div id="game"></div>
    <script type="text/javascript" src="https://github.com/craftyjs/Crafty/releases/download/0.9.0/crafty-min.js"></script>
    <script>
      Crafty.init(500,350, document.getElementById('game'));
      
      Crafty.e('2D, DOM, Image, Fourway')
  .attr({x: 0, y: 0, w: 100, h: 200})
  .image('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAClCAYAAADcbOrOAAADs0lEQVR4Xu3cQWoUURSF4WqdCc7EQcCpUwU3YzbhClxEyCYUp64j4tgFOBAdSEBwEAwNjgyh7nl/cV/K/Jn2Of2qvne7ilSaHBbw8+LkwR9Qv1fVAzlboet6QtetUFJoxFcvC123QkmhEV+9LHTdCiWFRnz1stB1K5QUGvHVy0LXrVBSaMRXLwtdt0JJoRFfvSx03QolD7OewH36eIYOfG9loZt2TGihmwSalnGihW4SaFrGiRa6SaBpGSda6CaBpmWcaKGbBJqWcaKFbhJoWsaJ3gP0rEedD1+9Gea5ujgf7pJ10UQLXd8zoetWixMdYHnpCLDIZAkt9O0C3gzr0+HNsG7lzTCwWrxGB1reDAMsEhWa6AVdoQMsEhWa6AVdoQMsEhWa6P3n3V3+wrLHPRG6adeEFrpJoGkZJ1roJoGmZZxooZsEmpZxooVuEmhaxokWukmgaRknWugmgaZl0H83ePT8273636S/vjwd9houHgdB6PrHQei61eJEB1gkKjTRC7pCB1gkKjTRC7pCB1gkKjTRC7pCB1gkKjTRC7pCB1gkKjTRC7pCB1gkKjTRC7rToJ+9/T38mPTHh5/BKd6NqNBN+yC00LcLeOkIpsNrdB0L/YVFaKHrAkHSm2GARaJCE72gK3SARaJCE72gK3SARaJCE72gK3SARaJCE72gK3SARaJCE72gK3SARaJCE72gK3SARaJCE72gK3SARaJCE72gK3SARaJCE72gK3SARaJCE72gK3SARaJCE72gK3SARaLToK8uzoe/Tfr49DU55yndy3fvh9dF31QSuu4udN1qcaIDLBIVmugFXaEDLBIVmugFXaEDLBIVmugFXaEDLBIVmugFXaEDLBIVmugFXaEDLBIVmugF3WnQ31+eDD8mDc7vzkSffP46/BBuuHg8e6HrMyB03WpxogMsEhWa6AVdoQMsEhWa6AVdoQMsEhWa6AVdoQMsEhWa6AVdoQMsEhWa6AVdoQMsEhWa6AXdXUKTgw5sbkTJE0dyzNOe3pGDFjoQEDrAmvUxDA7RS4cTHYyLE13H8mZYt9rnn7K8dAQ77KWjjuWlo27lpSOwQt9FIZc7JzrYJaEDrFn3FSc62CQnOsDa5UQvy0K+TYo+TYHtv9Epx0xPdspBA+RjdcoxC53t2rDXcPHv8U2ZjszmRnrKMQud7dqw13DRiW7aIaGFXhPwGr0mtNHrQm8EufY2Qq8JbfS60BtBrr2N0GtCG70u9EaQa28j9JrQRq9Pgb4GB2shGWC9eF4AAAAASUVORK5CYII=')
  .fourway(200);
  
    </script>
    <p>
    Arrow keys to control,
    click this text if it doesn't work
    </p>
  </body>
</html>