Code the game snake but there are 10 snakes that try to target each other and slither in front of another snake so that the other snake hits it's side basically the more times one snake k○lls it grows longer if a snake dies it respawns the snakes are given random colors each's game

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

No:48008

←

Prev Next

→

Code the game snake but there are 10 snakes that t..ALL
Developer User20679｜Date and time 24/3/1 7:20:04
Build time 8.371 sec｜Game capacity 2.483KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snake Game</title>
<style>
    body {
        margin: 0;
        padding: 0;
    }
    canvas {
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
    const canvas = document.getElementById('gameCanvas');
    const context = canvas.getContext('2d');

const snakeSize = 10;
    let snakes = [];

class Snake {
        constructor(color) {
            this.x = Math.floor(Math.random() * canvas.width);
            this.y = Math.floor(Math.random() * canvas.height);
            this.color = color;
            this.direction = 'RIGHT';
            this.size = 4;
            this.trail = [];
        }

move() {
            this.trail.unshift({ x: this.x, y: this.y });

this.x += this.direction === 'LEFT' ? -snakeSize : this.direction === 'RIGHT' ? snakeSize : 0;
            this.y += this.direction === 'UP' ? -snakeSize : this.direction === 'DOWN' ? snakeSize : 0;

while (this.trail.length > this.size) {
                this.trail.pop();
            }
        }

draw() {
            context.fillStyle = this.color;
            for (let i = 0; i < this.trail.length; i++) {
                context.fillRect(this.trail[i].x, this.trail[i].y, snakeSize, snakeSize);
            }
        }
    }

function update() {
        context.clearRect(0, 0, canvas.width, canvas.height);

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

snakes.forEach(snake => {
            snakes.forEach(otherSnake => {
                if (snake !== otherSnake && snake.trail[0].x === otherSnake.trail[0].x && snake.trail[0].y === otherSnake.trail[0].y) {
                    snake.size += 2;
                    otherSnake.size = 4;
                }
            });
        });

requestAnimationFrame(update);
    }

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

update();
    }

function getRandomColor() {
        const letters = '0123456789ABCDEF';
        let color = '#';
        for (let i = 0; i < 6; i++) {
            color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
    }

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