Super Mario: Samurai: A open-world 3D platform, where you can control Mario or Luigi. Avoid gigantic Titans, roaming around and causing destruction, Mario transforms into a samurai to combat Koopas and unlock a giant sword to slice one epic boss Titan.'s game

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

No:19940

←

Prev Next

→

Super Mario: Samurai: A open-world 3D platform, wh..ALL
Developer User8880｜Date and time 23/10/7 12:56:54
Build time 24.9 sec｜Game capacity 4.329KB｜

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: Samurai</title>
  <style>
    #game-canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="game-canvas" width="800" height="600"></canvas>

// Characters and their initial positions
    const characters = [
      { name: 'mario', x: 50, y: 500 },
      { name: 'luigi', x: 150, y: 500 },
    ];

// Boss Titan and its initial position
    const bossTitan = {
      x: 600,
      y: 200,
      width: 100,
      height: 300,
      health: 3,
    };

// Keyboard controls for movement
    const controls = {
      left: false,
      right: false,
      space: false,
    };

function drawBackground() {
      ctx.fillStyle = 'skyblue';
      ctx.fillRect(0, 0, canvas.width, canvas.height);
    }

function drawCharacters() {
      characters.forEach(character => {
        const img = document.getElementById(character.name);
        ctx.drawImage(img, character.x, character.y, 50, 50);
      });
    }

function drawBossTitan() {
      ctx.fillStyle = 'red';
      ctx.fillRect(bossTitan.x, bossTitan.y, bossTitan.width, bossTitan.height);
    }

function gameOver() {
      alert('Game Over!');
      location.reload(); // Refresh the game after game over
    }

function updateGame() {
      moveCharacters();
      drawBackground();
      drawCharacters();
      drawBossTitan();
      checkCollision(characters[0], bossTitan);
      checkCollision(characters[1], bossTitan);
      checkBossDefeated();
      requestAnimationFrame(updateGame);
    }

document.addEventListener('click', function(event) {
      if (characters.some(character => character.name === 'samurai')) {
        bossTitan.health -= 1; // Reduce boss Titan's health when samurai character clicks
      }
    });

// Start the game
    const imgPromises = characters.map(character => {
      const img = new Image();
      img.src = `${character.name}.png`;
      return new Promise((resolve, reject) => {
        img.onload = resolve;
        img.onerror = reject;
      });
    });

imgPromises.push(
      new Promise((resolve, reject) => {
        const img = new Image();
        img.src = 'sword.png';
        img.onload = resolve;
        img.onerror = reject;
      })
    );

Promise.all(imgPromises)
      .then(() => {
        updateGame();
      })
      .catch(error => {
        console.error('Failed to load images', error);
      });
  </script>
</body>
</html>