Шутер во врагов, при убийстве врага получить 1 coin's game

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

No:21140

105

←

Prev Next

→

Шутер во врагов, при убийстве врага получить 1 coi..ALL
Developer User9353｜Date and time 23/10/13 19:35:42
Build time 88.079 sec｜Game capacity 3.372KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Шутер во врагов</title>
  <style>
    canvas {
      display: block;
      margin: 0 auto;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  
  <script>
    // Game variables
    var canvas;
    var context;
    var player;
    var enemies;
    var coins = 1;
    
    // Pictograms
    var playerImg = new Image();
    playerImg.src = "player.png";
    var enemyImg = new Image();
    enemyImg.src = "enemy.png";
    var coinImg = new Image();
    coinImg.src = "coin.png";
    
    // Game initialization
    function init() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");
      player = { x: 400, y: 550, width: 50, height: 50 };
      enemies = [{ x: 50, y: 50, width: 50, height: 50 }];
      
      // Start game loop
      setInterval(update, 10);
      
      // Player controls (assuming touch screen)
      canvas.addEventListener("touchmove", function(event) {
        var touchX = event.touches[0].clientX - canvas.offsetLeft;
        if (touchX > player.width / 2 && touchX < canvas.width - player.width / 2) {
          player.x = touchX - player.width / 2;
        }
      });
      
      canvas.addEventListener("click", shoot);
    }
    
    // Update game state
    function update() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw and move the player
      context.drawImage(playerImg, player.x, player.y, player.width, player.height);
      
      // Draw and move the enemies
      for (var i = 0; i < enemies.length; i++) {
        context.drawImage(enemyImg, enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
        enemies[i].y += 10
;
        
        // Check for collision between player and enemy
        if (detectCollision(player, enemies[i])) {
          gameOver();
        }
      }
      
      // Draw and move the coins
      context.drawImage(coinImg, enemies[0].x, enemies[0].y + enemies[0].height + 20, 30, 30);
      
      // Check for collision between player and coin
      if (detectCollision(player, { x: enemies[0].x, y: enemies[0].y + enemies[0].height + 20, width: 30, height: 30 })) {
        coins++;
        enemies = [];
        enemies.push({ x: 50, y: 50, width: 50, height: 50 });
      }
      
      // Display coins count
      context.fillStyle = "black";
      context.font = "16px Arial";
      context.fillText("Coins: " + coins, 10, 20);
    }
    
    // Shoot enemies
    function shoot() {
      enemies.pop();
      coins++;
    }
    
    // Check for collision between two objects
    function detectCollision(object1, object2) {
      return object1.x < object2.x + object2.width &&
             object1.x + object1.width > object2.x &&
             object1.y < object2.y + object2.height &&
             object1.y + object1.height > object2.y;
    }
    
    // Game over handler
    function gameOver() {
      alert("Game Over!");
      coins = 0;
      enemies = [];
      enemies.push({ x: 50, y: 50, width: 50, height: 50 });
    }
    
    // Start the game
    window.onload = function() {
      init();
    };
  </script>
  
</body>
</html>