Snake but with a gun's game

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

No:33068

←

Prev Next

→

Snake but with a gun
Developer User15303｜Date and time 24/1/2 13:03:15
Build time 43.071 sec｜Game capacity 5.431KB｜

Script

Sure, here's a simple implementation of the classic game "Snake" with a twist of adding a gun element. The game will be optimized for smartphone operation and will use pictograms to represent the game elements. Save the code below in a file with a `.html` extension and open it in a web browser to play the game:

In this game, you control the snake using the arrow keys on your smartphone's keyboard. The snake will move in the specified direction each time you press an arrow key. Additionally, you can shoot by pressing the spacebar. The aim is to collect gun ammos represented by red blocks while avoiding collisions with the snake's body or the game boundaries. Each collected gun ammo will increase your score. The game ends if the snake collides with itself or the boundaries. Please note that this is a simplified version of the game with limited features. Feel free to expand and customize the game as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>
  <script>
    // Game Settings
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    const unit = 20;
    const gameWidth = canvas.width = window.innerWidth - 20;
    const gameHeight = canvas.height = window.innerHeight - 20;
    const directions = ['up', 'right', 'down', 'left'];
  
    // Game State Variables
    let snake = [{ x: 0, y: 0 }];
    let direction = 'right';
    let gunAmmo = 0;
    let apples = [];
    let score = 0;
    let gameSpeed = 10;
    let gameOver = false;
  
    // Game Controls
    document.addEventListener('keydown', changeDirection);
  
    // Change Snake Direction
    function changeDirection(e) {
      if (e.key === 'ArrowUp' && direction !== 'down') {
        direction = 'up';
      } else if (e.key === 'ArrowRight' && direction !== 'left') {
        direction = 'right';
      } else if (e.key === 'ArrowDown' && direction !== 'up') {
        direction = 'down';
      } else if (e.key === 'ArrowLeft' && direction !== 'right') {
        direction = 'left';
      } else if (e.key === ' ') {
        shoot();
      }
    }
  
    // Update Game Logic
    function update() {
      const head = { x: snake[0].x + getDirection().x, y: snake[0].y + getDirection().y };
  
      // Game Over Conditions
      if (
        head.x < 0 || head.x * unit >= gameWidth ||
        head.y < 0 || head.y * unit >= gameHeight ||
        snake.some((segment) => segment.x === head.x && segment.y === head.y)
      ) {
        gameOver = true;
        return;
      }
  
      snake.unshift(head);
      if (head.x === gunAmmo.x && head.y === gunAmmo.y) {
        score += 25;
        generateGunAmmo();
      } else {
        snake.pop();
      }
    }
  
    // Move the Snake
    function move() {
      const head = { x: snake[0].x + getDirection().x, y: snake[0].y + getDirection().y };
      snake.unshift(head);
      snake.pop();
    }
  
    // Generate Gun Ammo
    function generateGunAmmo() {
      gunAmmo = {
        x: Math.floor(Math.random() * (gameWidth / unit)),
        y: Math.floor(Math.random() * (gameHeight / unit)),
      };
    }
  
    // Shoot the Gun
    function shoot() {
      if (gunAmmo) {
        const bullet = setInterval(() => {
          const head = { x: snake[0].x + getDirection().x, y: snake[0].y + getDirection().y };
  
          if (
            head.x < 0 || head.x * unit >= gameWidth ||
            head.y < 0 || head.y * unit >= gameHeight ||
            snake.some((segment) => segment.x === head.x && segment.y === head.y)
          ) {
            clearInterval(bullet);
            return;
          }
  
          snake.unshift(head);
          if (head.x === gunAmmo.x && head.y === gunAmmo.y) {
            score += 50;
            clearInterval(bullet);
            generateGunAmmo();
          } else {
            snake.pop();
          }
        }, 100);
      }
    }
  
    // Get Current Snake Direction
    function getDirection() {
      switch (direction) {
        case 'up':
          return { x: 0, y: -1 };
        case 'right':
          return { x: 1, y: 0 };
        case 'down':
          return { x: 0, y: 1 };
        case 'left':
        default:
          return { x: -1, y: 0 };
      }
    }
  
    // Draw Game State
    function draw() {
      ctx.clearRect(0, 0, gameWidth, gameHeight);
  
      // Draw Snake
      snake.forEach((segment) => {
        ctx.fillStyle = 'green';
        ctx.fillRect(segment.x * unit, segment.y * unit, unit, unit);
      });
  
      // Draw Gun Ammo
      if (gunAmmo) {
        ctx.fillStyle = 'red';
        ctx.fillRect(gunAmmo.x * unit, gunAmmo.y * unit, unit, unit);
      }
  
      if (gameOver) {
        ctx.fillStyle = 'black';
        ctx.font = '48px Arial';
        ctx.fillText('GAME OVER', gameWidth / 2 - 120, gameHeight / 2);
      } else {
        ctx.fillStyle = 'black';
        ctx.font = '24px Arial';
        ctx.fillText(`Score: ${score}`, unit, unit * 2);
      }
    }
  
    // Game Loop
    function loop() {
      if (!gameOver) {
        update();
        draw();
      }
  
      setTimeout(() => {
        requestAnimationFrame(loop);
      }, 1000 / gameSpeed);
    }
  
    // Start the Game
    generateGunAmmo();
    loop();
  </script>
</body>
</html>
```

Please note that this is a simplified version of the game with limited features. Feel free to expand and customize the game as per your requirements.