Code snake but there are 10 snakes who chase and fight each other there are 10 snakes and the last one standing wins and then the game starts over I watch each snake move but I don't control any of them they use pathfinding and don't change target until they k○ll the current target's game

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

No:48081

←

Prev Next

→

Code snake but there are 10 snakes who chase and f..ALL
Developer User20679｜Date and time 24/3/1 8:31:50
Build time 7.935 sec｜Game capacity 2.189KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Snake Battle Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }

canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

const snakeColor = ["red", "blue", "green", "yellow", "purple", "orange", "pink", "brown", "cyan", "magenta"];
    const snakeSize = 20;

let snakes = [];

class Snake {
      constructor(id) {
        this.id = id;
        this.color = snakeColor[id % 10];
        this.x = Math.floor(Math.random() * (canvas.width - snakeSize));
        this.y = Math.floor(Math.random() * (canvas.height - snakeSize));
        this.targetX = Math.floor(Math.random() * (canvas.width - snakeSize));
        this.targetY = Math.floor(Math.random() * (canvas.height - snakeSize));
      }

updateTarget() {
        if (this.x === this.targetX && this.y === this.targetY) {
          this.targetX = Math.floor(Math.random() * (canvas.width - snakeSize));
          this.targetY = Math.floor(Math.random() * (canvas.height - snakeSize));
        }
      }

move() {
        if (this.x < this.targetX) {
          this.x++;
        } else if (this.x > this.targetX) {
          this.x--;
        }

if (this.y < this.targetY) {
          this.y++;
        } else if (this.y > this.targetY) {
          this.y--;
        }

this.updateTarget();
      }

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

function init() {
      for (let i = 0; i < 10; i++) {
        snakes.push(new Snake(i));
      }
    }

function update() {
      snakes.forEach((snake) => {
        snake.move();
      });
    }

function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      snakes.forEach((snake) => {
        snake.draw();
      });
    }

function gameLoop() {
      update();
      draw();
      requestAnimationFrame(gameLoop);
    }

init();
    gameLoop();
  </script>
</body>
</html>