Generate a platforms game named the super mario bros's game

Click here for free DL of the app version that can save data.

No:52785

372

←

Prev Next

→

Generate a platforms game named the super mario br..ALL
Developer User22170｜Date and time 24/3/25 2:46:46
Build time 9.639 sec｜Game capacity 1.213KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

Click here for free DL of the app version that can save data.

<html>
  <head>
    <title>Super Mario Bros</title>
    <style>
      #player {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 50px;
        background-color: red;
      }
      
      .platform {
        position: absolute;
        background-color: green;
        width: 100px;
        height: 20px;
      }
    </style>
  </head>
  <body>
    <div id="player"></div>
    <div class="platform" style="bottom: 0; left: 100px;"></div>
    <div class="platform" style="bottom: 20px; left: 250px;"></div>
    
    <script>
      const player = document.getElementById('player');
      let playerLeft = 0;
      let playerBottom = 0;
      
      function movePlayerLeft() {
        playerLeft -= 50;
        player.style.left = playerLeft + 'px';
      }
      
      function movePlayerRight() {
        playerLeft += 50;
        player.style.left = playerLeft + 'px';
      }
      
      document.addEventListener('keydown', function(e) {
        if (e.keyCode === 37) { // Left arrow key
          movePlayerLeft();
        }
        if (e.keyCode === 39) { // Right arrow key
          movePlayerRight();
        }
      });
    </script>
  </body>
</html>