Haz un juego fangame de henry stickmin que siga al final de toppat civil warfare's game

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

No:15852

←

Prev Next

→

Haz un juego fangame de henry stickmin que siga al..ALL
Developer User6948｜Date and time 23/9/12 23:47:24
Build time 37.372 sec｜Game capacity 3.565KB｜

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Henry Stickmin: Toppat Civil Warfare</title>
    <style>
      canvas {
        display: block;
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <canvas id="game-canvas"></canvas>
    <script>
      var canvas = document.getElementById("game-canvas");
      var ctx = canvas.getContext("2d");

// Game variables
      var gameWidth = 800;
      var gameHeight = 400;

// Load resources
      var henryImg = new Image();
      henryImg.src = "henry.png";

// Game object
      var game = {
        isOver: false,
        score: 0,
        henry: {
          x: gameWidth / 2,
          y: gameHeight / 2,
          width: 64,
          height: 64,
          speed: 5
        },
        bombs: []
      };

// Event listeners
      canvas.addEventListener("click", function(event) {
        if (game.isOver) {
          restartGame();
        } else {
          dropBomb(event.clientX, event.clientY);
        }
      });

// Game loop
      setInterval(function() {
        if (!game.isOver) {
          update();
          draw();
        }
      }, 1000 / 60);

// Functions
      function update() {
        updateHenry();
        updateBombs();
        checkCollisions();
        checkGameStatus();
      }

function draw() {
        ctx.clearRect(0, 0, gameWidth, gameHeight);

drawHenry();
        drawBombs();

ctx.fillStyle = "white";
        ctx.font = "24px Arial";
        ctx.fillText("Score: " + game.score, 10, 30);

if (game.isOver) {
          ctx.fillStyle = "rgba(0, 0, 0, 0.5)";
          ctx.fillRect(0, 0, gameWidth, gameHeight);

ctx.fillStyle = "white";
          ctx.font = "48px Arial";
          ctx.fillText("Game Over", gameWidth / 2 - 120, gameHeight / 2);
        }
      }

function updateHenry() {
        if (game.henry.x > 0 && game.henry.x < gameWidth - game.henry.width) {
          game.henry.x += game.henry.speed;
        }
      }

function drawHenry() {
        ctx.drawImage(henryImg, game.henry.x, game.henry.y, game.henry.width, game.henry.height);
      }

function dropBomb(x, y) {
        game.bombs.push({
          x: x,
          y: y,
          radius: 10,
          speed: 3
        });
      }

function updateBombs() {
        for (var i = 0; i < game.bombs.length; i++) {
          game.bombs[i].y += game.bombs[i].speed;
        }
      }

function drawBombs() {
        for (var i = 0; i < game.bombs.length; i++) {
          ctx.fillStyle = "red";
          ctx.beginPath();
          ctx.arc(game.bombs[i].x, game.bombs[i].y, game.bombs[i].radius, 0, Math.PI * 2);
          ctx.closePath();
          ctx.fill();
        }
      }

function checkCollisions() {
        for (var i = 0; i < game.bombs.length; i++) {
          var bomb = game.bombs[i];

if (bomb.y + bomb.radius > game.henry.y &&
              bomb.y - bomb.radius < game.henry.y + game.henry.height &&
              bomb.x + bomb.radius > game.henry.x &&
              bomb.x - bomb.radius < game.henry.x + game.henry.width) {
            game.isOver = true;
          }
        }
      }

function checkGameStatus() {
        if (game.isOver) {
          clearInterval(interval);
        }
      }

function restartGame() {
        game.isOver = false;
        game.score = 0;
        game.bombs = [];
      }
    </script>
  </body>
</html>