An infinite game about a block snake that moves and collects other blocks to make it s snake body longer the game continues for 5 years but be careful there are other snakes roaming around. you start as two blocks every other player starts as one but there are little orbs that your snake can eat to get bigger. You can control your snake with arrows's game

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

No:49484

←

Prev Next

→

An infinite game about a block snake that moves an..ALL
Developer User20860｜Date and time 24/3/5 6:50:11
Build time 16.042 sec｜Game capacity 2.9KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

const blockSize = 20;
    const snake = [{x: 1, y: 1}, {x: 2, y: 1}];
    let direction = 'right';

function clearCanvas() {
        ctx.fillStyle = 'black';
        ctx.fillRect(0, 0, canvas.width, canvas.height);
    }

function drawSnake() {
        ctx.fillStyle = 'green';
        snake.forEach(block => ctx.fillRect(block.x * blockSize, block.y * blockSize, blockSize, blockSize));
    }

function moveSnake() {
        const head = {x: snake[0].x, y: snake[0].y};

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

snake.unshift(head);

if (ateFood()) {
            createFood();
        } else {
            snake.pop();
        }
    }

function ateFood() {
        return snake[0].x === food.x && snake[0].y === food.y;
    }

function createFood() {
        food = {
            x: Math.floor(Math.random() * (canvas.width / blockSize)),
            y: Math.floor(Math.random() * (canvas.height / blockSize))
        }
    }

function drawFood() {
        ctx.fillStyle = 'red';
        ctx.fillRect(food.x * blockSize, food.y * blockSize, blockSize, blockSize);
    }

function checkCollision() {
        if (snake[0].x < 0 || snake[0].x >= canvas.width / blockSize || snake[0].y < 0 || snake[0].y >= canvas.height / blockSize) {
            return true;
        }

for (let i = 1; i < snake.length; i++) {
            if (snake[0].x === snake[i].x && snake[0].y === snake[i].y) {
                return true;
            }
        }

return false;
    }

function update() {
        clearCanvas();
        drawFood();
        drawSnake();
        moveSnake();

if (checkCollision()) {
            alert('Game Over!');
            clearInterval(gameLoop);
        }
    }

let food = {};
    createFood();

const gameLoop = setInterval(update, 100);
</script>