AI game creator

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

No:33164

←

Prev Next

→

Super Mario
Developer User15666｜Date and time 24/1/2 19:53:46
Build time 20.608 sec｜Game capacity 2.408KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Super Mario</title>
    <style>
      #game-board {
        width: 320px;
        height: 480px;
        border: 1px solid black;
        position: relative;
        overflow: hidden;
      }

#mario {
        width: 40px;
        height: 40px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: url("mario.png");
        background-repeat: no-repeat;
      }

#goomba {
        width: 40px;
        height: 40px;
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url("goomba.png");
        background-repeat: no-repeat;
      }
    </style>
  </head>
  <body>
    <div id="game-board">
      <div id="mario"></div>
      <div id="goomba"></div>
    </div>

var marioPositionX = 0;
      var goombaPositionX = gameBoard.offsetWidth - goomba.offsetWidth;
      var interval;

function moveMario(direction) {
        if (direction === "left" && marioPositionX > 0) {
          marioPositionX -= 40;
        } else if (direction === "right" && marioPositionX < gameBoard.offsetWidth - mario.offsetWidth) {
          marioPositionX += 40;
        }

mario.style.left = marioPositionX + "px";
      }

function moveGoomba() {
        goomba.style.left = goombaPositionX + "px";
        goombaPositionX -= 40;

if (goombaPositionX < 0) {
          goombaPositionX = gameBoard.offsetWidth - goomba.offsetWidth;
        }

if (isCollision()) {
          clearInterval(interval);
          alert("Game Over!");
        }
      }

function isCollision() {
        var marioRect = mario.getBoundingClientRect();
        var goombaRect = goomba.getBoundingClientRect();

return (
          marioRect.top === goombaRect.top &&
          marioRect.right > goombaRect.left &&
          marioRect.left < goombaRect.right
        );
      }

interval = setInterval(moveGoomba, 1000);

</script>
  </body>
</html>