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

No:48082

126

←

Prev Next

→

Code snake but there are 10 snakes who chase and f..ALL
Developer User20679｜Date and time 24/3/1 8:33:13
Build time 8.506 sec｜Game capacity 2.185KB｜

Script

Snake Battle Game

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Snake Battle Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #game {
      display: inline-block;
    }
  </style>
</head>
<body>
  <h1>Snake Battle Game</h1>
  
  <canvas id="game" width="400" height="400"></canvas>

const snakeSize = 10;
    const gridSize = canvas.width / snakeSize;

const snakes = [];
    const colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF', '#FFA500', '#800080', '#8B4513', '#008000'];

class Snake {
      constructor(x, y, color) {
        this.x = x;
        this.y = y;
        this.color = color;
        this.length = 1;
        this.direction = 'right';
      }

draw() {
        ctx.fillStyle = this.color;
        ctx.fillRect(this.x * snakeSize, this.y * snakeSize, snakeSize, snakeSize);
      }

move() {
        switch (this.direction) {
          case 'up':
            this.y--;
            break;
          case 'down':
            this.y++;
            break;
          case 'left':
            this.x--;
            break;
          case 'right':
            this.x++;
            break;
        }

if (this.x < 0 || this.y < 0 || this.x >= gridSize || this.y >= gridSize) {
          // Snake went out of bounds, reset position
          this.x = Math.floor(Math.random() * gridSize);
          this.y = Math.floor(Math.random() * gridSize);
        }
      }
    }

for (let i = 0; i < 10; i++) {
      const x = Math.floor(Math.random() * gridSize);
      const y = Math.floor(Math.random() * gridSize);
      const color = colors[i % colors.length];
      snakes.push(new Snake(x, y, color));
    }

function drawGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      for (const snake of snakes) {
        snake.draw();
      }
    }

function updateGame() {
      for (let i = 0; i < snakes.length; i++) {
        snakes[i].move();
      }

drawGame();
    }

setInterval(updateGame, 100);
  </script>
</body>
</html>
```