AI game creator

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

No:40260

←

Prev Next

→

Mario bros
Developer User18058｜Date and time 24/2/2 7:08:19
Build time 9.73 sec｜Game capacity 2.246KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Mario Bros Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Mario Sprite
      var marioImg = new Image();
      marioImg.src = "mario.png";
      var marioWidth = 50;
      var marioHeight = 50;
      var marioX = canvas.width / 2 - marioWidth / 2;
      var marioY = canvas.height / 2 - marioHeight / 2;
      var marioSpeed = 5;

// Keyboard Input
      var leftKeyPressed = false;
      var rightKeyPressed = false;
      var upKeyPressed = false;
      var downKeyPressed = false;

document.addEventListener("keydown", keyDownHandler, false);
      document.addEventListener("keyup", keyUpHandler, false);

// Game Loop
      function gameLoop() {
        context.clearRect(0, 0, canvas.width, canvas.height);

if (leftKeyPressed && marioX > 0) {
          marioX -= marioSpeed;
        }
        if (rightKeyPressed && marioX < canvas.width - marioWidth) {
          marioX += marioSpeed;
        }
        if (upKeyPressed && marioY > 0) {
          marioY -= marioSpeed;
        }
        if (downKeyPressed && marioY < canvas.height - marioHeight) {
          marioY += marioSpeed;
        }

context.drawImage(marioImg, marioX, marioY, marioWidth, marioHeight);

requestAnimationFrame(gameLoop);
      }

gameLoop();
    </script>
  </body>
</html>