AI game creator

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

No:12056

←

Prev Next

→

Make Mario with gun
Developer User5038｜Date and time 23/8/14 0:48:13
Build time 32.651 sec｜Game capacity 4.052KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Mario with Gun Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>
  
  <script>
    // Mario character object
    const mario = {
      x: 50, // initial x position
      y: 300, // initial y position
      width: 60,
      height: 95,
      gravity: 1.5,
      speed: 5,
      jumpHeight: 25,
      isJumping: false,
      isShooting: false
    };

// Bullet object
    const bullet = {
      x: mario.x + mario.width,
      y: mario.y + mario.height / 2,
      radius: 5,
      speed: 10,
      isFired: false,
      direction: 1 // 1 for right, -1 for left
    };

// Enemy object
    const enemy = {
      x: 800, // initial x position
      y: 310, // initial y position
      width: 60,
      height: 90,
      speed: 3,
      isHit: false
    };

const canvas = document.getElementById('gameCanvas');
    const context = canvas.getContext('2d');

// Event listeners for key presses
    document.addEventListener('keydown', handleKeyDown);
    document.addEventListener('keyup', handleKeyUp);

// Handle key down event
    function handleKeyDown(event) {
      if (event.code === 'ArrowUp' && !mario.isJumping) {
        mario.isJumping = true;
        mario.y -= mario.jumpHeight;
      } else if (event.code === 'Space' && !bullet.isFired) {
        bullet.isFired = true;
        bullet.x = mario.x + mario.width;
        bullet.y = mario.y + mario.height / 2;
      }
      event.preventDefault();
    }

// Handle key up event
    function handleKeyUp(event) {
      if (event.code === 'ArrowUp' && mario.isJumping) {
        mario.isJumping = false;
      } else if (event.code === 'Space') {
        bullet.isFired = false;
      }
      event.preventDefault();
    }

// Update game objects position
    function update() {
      // Update Mario's position
      mario.y += mario.gravity;

if (mario.y > 300) {
        mario.y = 300;
        mario.isJumping = false;
      }

// Update bullet's position
      if (bullet.isFired) {
        bullet.x += bullet.speed * bullet.direction;

if (bullet.x > canvas.width || bullet.x < 0) {
          bullet.isFired = false;
        }

// Check for collision between bullet and enemy
        if (
          bullet.x > enemy.x &&
          bullet.x < enemy.x + enemy.width &&
          bullet.y > enemy.y &&
          bullet.y < enemy.y + enemy.height
        ) {
          enemy.isHit = true;
          bullet.isFired = false;
        }
      }

// Update enemy's position
      if (!enemy.isHit) {
        enemy.x -= enemy.speed;

if (enemy.x + enemy.width < 0) {
          enemy.x = canvas.width;
        }

// Check for collision between enemy and Mario
        if (
          mario.x < enemy.x + enemy.width &&
          mario.x + mario.width > enemy.x &&
          mario.y < enemy.y + enemy.height &&
          mario.y + mario.height > enemy.y
        ) {
          // Game over condition
          resetGame();
        }
      }
    }

// Render game objects on the canvas
    function render() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Mario
      context.fillRect(mario.x, mario.y, mario.width, mario.height);

// Draw Bullet
      if (bullet.isFired) {
        context.beginPath();
        context.arc(bullet.x, bullet.y, bullet.radius, 0, Math.PI * 2);
        context.fillStyle = 'red';
        context.fill();
        context.closePath();
      }

// Draw Enemy
      if (!enemy.isHit) {
        context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
      }
    }

// Reset game state
    function resetGame() {
      mario.x = 50;
      mario.y = 300;
      enemy.x = 800;
      enemy.isHit = false;
    }

// Game loop
    function gameLoop() {
      update();
      render();
      requestAnimationFrame(gameLoop);
    }

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