a mario game with platforms, enemies, levels, and power-ups.'s game

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

No:9438

114

←

Prev Next

→

a mario game with platforms, enemies, levels, and ..ALL
Developer User4359｜Date and time 23/7/24 21:46:22
Build time 39.896 sec｜Game capacity 4.718KB｜

Script

Sure! Here's a simple implementation of a Mario game with platforms, enemies, levels, and power-ups using JavaScript and HTML:

This code creates a Mario game where you control Mario's movements using the arrow keys or spacebar to jump. The objective is to avoid enemies and reach the platforms. The game ends if Mario falls out of the canvas or collides with an enemy. The score and level are displayed on the screen.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a simple implementation of a Mario game with platforms, enemies, levels, and power-ups using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Mario Game</title>
    <style>
      canvas {
        border: 1px solid black;
        background-color: #d3d3d3;
      }
    </style>
  </head>
  <body>
    <canvas width="800" height="600" id="gameCanvas"></canvas>

const mario = {
        x: 50,
        y: 500,
        width: 50,
        height: 50,
        dx: 0,
        dy: 0,
        jumping: false
      };

const platforms = [
        { x: 50, y: 550, width: 200, height: 10 },
        { x: 300, y: 450, width: 200, height: 10 },
        { x: 600, y: 350, width: 200, height: 10 }
      ];

const enemies = [
        { x: 250, y: 500, width: 40, height: 40 },
        { x: 550, y: 400, width: 40, height: 40 }
      ];

let score = 0;
      let level = 1;

function drawMario() {
        ctx.fillStyle = "red";
        ctx.fillRect(mario.x, mario.y, mario.width, mario.height);
      }

function drawPlatforms() {
        ctx.fillStyle = "blue";
        platforms.forEach(platform => {
          ctx.fillRect(platform.x, platform.y, platform.width, platform.height);
        });
      }

function drawEnemies() {
        ctx.fillStyle = "green";
        enemies.forEach(enemy => {
          ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
        });
      }

function drawScore() {
        ctx.font = "16px Arial";
        ctx.fillStyle = "black";
        ctx.fillText(`Score: ${score}`, 10, 20);
      }

function drawLevel() {
        ctx.font = "16px Arial";
        ctx.fillStyle = "black";
        ctx.fillText(`Level: ${level}`, 10, 40);
      }

function draw() {
        // Clear the canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlatforms();
        drawMario();
        drawEnemies();
        drawScore();
        drawLevel();

// Move Mario
        mario.x += mario.dx;
        mario.y += mario.dy;

// Apply gravity
        if (!mario.jumping) {
          mario.dy = 1; // gravity
        } else {
          mario.dy -= 0.1; // jump force
        }

// Collision detection with platforms
        platforms.forEach(platform => {
          if (
            mario.y + mario.height > platform.y &&
            mario.y < platform.y + platform.height &&
            mario.x + mario.width > platform.x &&
            mario.x < platform.x + platform.width &&
            mario.dy > 0
          ) {
            mario.y = platform.y - mario.height;
            mario.dy = 0;
            mario.jumping = false;
          }
        });

// Collision detection with enemies
        enemies.forEach(enemy => {
          if (
            mario.y + mario.height > enemy.y &&
            mario.y < enemy.y + enemy.height &&
            mario.x + mario.width > enemy.x &&
            mario.x < enemy.x + enemy.width
          ) {
            gameOver();
          }
        });

// Game Over condition
        if (mario.y > canvas.height) {
          gameOver();
        }

requestAnimationFrame(draw);
      }

function jump() {
        if (!mario.jumping) {
          mario.dy = -4; // jump force
          mario.jumping = true;
        }
      }

function moveLeft() {
        mario.dx = -2; // move left
      }

function moveRight() {
        mario.dx = 2; // move right
      }

function stopMoving() {
        mario.dx = 0;
      }

function gameOver() {
        alert("Game Over!");
        resetGame();
      }

function resetGame() {
        mario.x = 50;
        mario.y = 500;
        mario.dx = 0;
        mario.dy = 0;
        mario.jumping = false;
        score = 0;
        level = 1;
      }

document.addEventListener("keyup", event => {
        stopMoving();
      });

// Start the game
      draw();
    </script>
  </body>
</html>
```