Mario game that’s h○cked by villains's game

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

No:7637

←

Prev Next

→

Mario game that’s h○cked by villains
Developer User4068｜Date and time 23/7/9 4:33:05
Build time 11.074 sec｜Game capacity 3.039KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      canvas {
        border: 1px solid black;
        display: block;
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Game variables
      var canvas, ctx;
      var mario, villain;
      var marioX, marioY;
      var villainX, villainY;
      var directionX, directionY;
      var keys = [];

// Initialize the game
      function init() {
        // Get the game canvas and context
        canvas = document.getElementById('gameCanvas');
        ctx = canvas.getContext('2d');

// Set initial positions for Mario and Villain
        marioX = 200;
        marioY = canvas.height - 120;
        villainX = canvas.width - 120;
        villainY = canvas.height - 120;

// Set initial direction
        directionX = 5;
        directionY = 0;

// Event listeners for key presses
        document.addEventListener('keydown', function (e) {
          keys[e.keyCode] = true;
        });
        document.addEventListener('keyup', function (e) {
          keys[e.keyCode] = false;
        });

// Start the game loop
        gameLoop();
      }

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

// Move Mario and Villain
        moveMario();
        moveVillain();

// Draw Mario and Villain
        drawMario();
        drawVillain();

// Check for collisions
        if (detectCollision()) {
          gameOver();
          return;
        }

// Keep the game loop running
        requestAnimationFrame(gameLoop);
      }

// Move Mario based on user input
      function moveMario() {
        if (keys[37]) {
          // Left arrow key
          marioX -= 5;
        }
        if (keys[39]) {
          // Right arrow key
          marioX += 5;
        }
      }

// Move Villain in a predefined pattern
      function moveVillain() {
        if (villainX < 30 || villainX > canvas.width - 120) {
          directionX *= -1;
        }
        villainX += directionX;
      }

// Draw Mario on the canvas
      function drawMario() {
        ctx.fillStyle = 'blue';
        ctx.fillRect(marioX, marioY, 80, 80);
      }

// Draw Villain on the canvas
      function drawVillain() {
        ctx.fillStyle = 'red';
        ctx.fillRect(villainX, villainY, 80, 80);
      }

// Detect collision between Mario and Villain
      function detectCollision() {
        if (
          marioX + 80 > villainX &&
          marioX < villainX + 80 &&
          marioY + 80 > villainY &&
          marioY < villainY + 80
        ) {
          return true;
        }
        return false;
      }

// Game Over
      function gameOver() {
        alert('Game Over');
        location.reload();
      }

// Initialize the game
      init();
    </script>
  </body>
</html>