Snake but with a gun's game

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

No:33465

←

Prev Next

→

Snake but with a gun
Developer User15783｜Date and time 24/1/4 10:19:48
Build time 32.755 sec｜Game capacity 3.954KB｜

Script

Sure, here's an example of a simple Snake game with a gun, implemented in a single HTML file. The game can be played on a smartphone and uses pictograms for visuals.

This HTML file contains the complete implementation of the Snake game with a gun. It uses JavaScript for game logic and is enclosed within `
` tags. To play the game, simply open the HTML file on a smartphone browser, and you can control the snake's direction using the arrow keys. The goal of the game is to eat the "gun" represented by a red square while avoiding collisions with the walls or the snake's body.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure, here's an example of a simple Snake game with a gun, implemented in a single HTML file. The game can be played on a smartphone and uses pictograms for visuals.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Snake with a Gun</title>
  <style>
    body {
      background-color: #000000;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0;
      height: 100vh;
      font-family: Arial, sans-serif;
      color: #ffffff;
    }

canvas {
      border: 1px solid #ffffff;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const gridSize = 20;
    const gridWidth = canvas.width / gridSize;
    const gridHeight = canvas.height / gridSize;

let snake = [{ x: 10, y: 10 }];
    let direction = "right";
    let gun = { x: 15, y: 10 };
    let isGameRunning = true;

// Game loop
    function gameLoop() {
      if (!isGameRunning) return;

update();
      draw();

setTimeout(gameLoop, 100);
    }

// Update game state
    function update() {
      const head = getUpdatedHead();

if (isCollision(head)) {
        isGameRunning = false;
        alert("Game Over!");
        return;
      }

snake.unshift(head);

if (head.x === gun.x && head.y === gun.y) {
        generateGun();
      } else {
        snake.pop();
      }
    }

// Get updated snake head position based on current direction
    function getUpdatedHead() {
      const head = { ...snake[0] };

switch (direction) {
        case "up":
          head.y--;
          break;
        case "down":
          head.y++;
          break;
        case "left":
          head.x--;
          break;
        case "right":
          head.x++;
          break;
      }

return head;
    }

// Check collision with walls or snake body
    function isCollision(head) {
      return (
        head.x < 0 ||
        head.y < 0 ||
        head.x >= gridWidth ||
        head.y >= gridHeight ||
        snake.some((bodyPart) => bodyPart.x === head.x && bodyPart.y === head.y)
      );
    }

// Generate a new random position for the gun
    function generateGun() {
      gun = {
        x: Math.floor(Math.random() * gridWidth),
        y: Math.floor(Math.random() * gridHeight),
      };
    }

// Draw game elements on canvas
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw snake
      ctx.fillStyle = "#00ff00";
      snake.forEach((bodyPart) => {
        ctx.fillRect(bodyPart.x * gridSize, bodyPart.y * gridSize, gridSize, gridSize);
      });

// Draw gun
      ctx.fillStyle = "#ff0000";
      ctx.fillRect(gun.x * gridSize, gun.y * gridSize, gridSize, gridSize);
    }

// Handle key press events to change snake direction
    function handleKeyPress(event) {
      const key = event.keyCode;

if (key === 38 && direction !== "down") {
        direction = "up";
      } else if (key === 40 && direction !== "up") {
        direction = "down";
      } else if (key === 37 && direction !== "right") {
        direction = "left";
      } else if (key === 39 && direction !== "left") {
        direction = "right";
      }
    }

// Start the game
    generateGun();
    gameLoop();

// Event listener for key press
    document.addEventListener("keydown", handleKeyPress);
  </script>
</body>
</html>
```

This HTML file contains the complete implementation of the Snake game with a gun. It uses JavaScript for game logic and is enclosed within `<script>` tags. To play the game, simply open the HTML file on a smartphone browser, and you can control the snake's direction using the arrow keys. The goal of the game is to eat the "gun" represented by a red square while avoiding collisions with the walls or the snake's body.