A maen pic up gun and shoot zombi's game

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

No:21691

←

Prev Next

→

A maen pic up gun and shoot zombi
Developer User9991｜Date and time 23/10/17 16:01:01
Build time 115.465 sec｜Game capacity 2.767KB｜

Script

Sure, here's a simple game where you can pick up a gun and shoot zombies using pictograms.

This game sets up a canvas where you control a player represented by a blue rectangle. There is a gun represented by a red rectangle randomly placed on the screen. Once you touch the gun, you can then touch the green zombie rectangle to shoot it. If you successfully touch the zombie with the gun, an alert message will appear indicating that you killed the zombie. The zombie moves randomly around the screen.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's a simple game where you can pick up a gun and shoot zombies using pictograms.

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Zombie Shooter</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="300"></canvas>
   
  <script>
    // Create the canvas and context
    const canvas = document.getElementById("gameCanvas");
    const context = canvas.getContext("2d");
    
    // Player position
    let playerX = 200;
    let playerY = 150;
    
    // Gun position
    let gunX = 0;
    let gunY = 0;
    let gunPickedUp = false;
    
    // Zombie position
    let zombieX = 100;
    let zombieY = 100;
    
    // Handle touch events
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchend", handleTouchEnd, false);
    
    function handleTouchStart(event) {
      const touchX = event.touches[0].clientX;
      const touchY = event.touches[0].clientY;
      
      // Check if player touches the gun
      if (touchX > gunX && touchX < gunX + 50 && touchY > gunY && touchY < gunY + 50 && !gunPickedUp) {
        gunPickedUp = true;
      }
      
      // Shoot if player touches zombie with the gun
      if (gunPickedUp && touchX > zombieX && touchX < zombieX + 50 && touchY > zombieY && touchY < zombieY + 50) {
        alert("You killed the zombie!");
      }
    }
    
    function handleTouchEnd() {
      // release the touch event
    }
    
    // Update game state
    function update() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw player
      context.fillStyle = "#0000FF";
      context.fillRect(playerX, playerY, 50, 50);
      
      // Draw gun
      if (!gunPickedUp) {
        gunX = Math.random() * 350;
        gunY = Math.random() * 250;
      }
      context.fillStyle = "#FF0000";
      context.fillRect(gunX, gunY, 50, 50);
      
      // Draw zombie
      context.fillStyle = "#00FF00";
      context.fillRect(zombieX, zombieY, 50, 50);
      
      // Move zombie randomly
      zombieX += Math.random() * 10 - 5;
      zombieY += Math.random() * 10 - 5;
      
      requestAnimationFrame(update);
    }
    
    // Start the game
    update();
  </script>
</body>
</html>
```