<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mantra.js Gallery Page - html entity-embed.html</title>
  <script src="https://yantra.gg/mantra.js"></script>
</head>
<body>
  <m-key data-x="10" data-y="10"></m-key>
  <m-block data-x="-50" data-y="10" width="32" height="32"></m-block>
  <m-player data-x="100"></m-player>
  <m-hexapod data-texture="demon" /></m-hexapod>
  <m-hexapod data-texture="demon"></m-hexapod>
  <m-hexapod data-x="-200" data-repeat="11"></m-hexapod>
  <m-key data-x="50" data-y="50"></m-key>
  <m-key data-x="-50" data-y="50"></m-key>
  <m-key data-x="50" data-y="-50"></m-key>
  <m-key data-x="-50" data-y="-50"></m-key>
  <script>
    document.addEventListener('DOMContentLoaded', () => {
      let game = new MANTRA.Game({
        width: 400,
        height: 300,
        plugins: ['SwitchGraphics', 'Player', 'Hexapod', 'Key', 'Block', 'Teleporter', 'Container', 'Flame', 'Collectable'],
        showLoadingScreen: false
      });
      game.start(function () {
        game.markup();
      });
    });
  </script>
</body>
</html>