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's game

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

No:49483

←

Prev Next

→

An infinite game about a block snake that moves an..ALL
Developer User20860｜Date and time 24/3/5 6:49:05
Build time 7.121 sec｜Game capacity 2.353KB｜

Script

This HTML file will create a simple block snake game where the player controls a snake using arrow keys to collect blocks and grow longer while avoiding collision with its own body or the boundaries of the canvas. Happy gaming!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Block Snake Game</title>
<style>
    body {
        margin: 0;
        padding: 0;
        background-color: black;
    }
    canvas {
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="640" height="480"></canvas>
<script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    const blockWidth = 20;
    const blockHeight = 20;
    
    let snake = [{ x: 20, y: 20 }, { x: 40, y: 20 }];
    let direction = 'right';
    
    function drawSnake() {
        snake.forEach(segment => {
            ctx.fillStyle = 'white';
            ctx.fillRect(segment.x, segment.y, blockWidth, blockHeight);
        });
    }
    
    function clearCanvas() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
    }
    
    function moveSnake() {
        let head = { x: snake[0].x, y: snake[0].y };
        switch (direction) {
            case 'up':
                head.y -= blockHeight;
                break;
            case 'down':
                head.y += blockHeight;
                break;
            case 'left':
                head.x -= blockWidth;
                break;
            case 'right':
                head.x += blockWidth;
                break;
        }
        snake.unshift(head);
        snake.pop();
    }
    
    function updateGame() {
        clearCanvas();
        moveSnake();
        drawSnake();
    }
    
    setInterval(updateGame, 100);
    
    document.addEventListener('keydown', event => {
        switch (event.key) {
            case 'ArrowUp':
                direction = 'up';
                break;
            case 'ArrowDown':
                direction = 'down';
                break;
            case 'ArrowLeft':
                direction = 'left';
                break;
            case 'ArrowRight':
                direction = 'right';
                break;
        }
    });
</script>
</body>
</html>
```
This HTML file will create a simple block snake game where the player controls a snake using arrow keys to collect blocks and grow longer while avoiding collision with its own body or the boundaries of the canvas. Happy gaming!