Haz el juego de la víbora comemanzanas's game

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

No:49512

157

←

Prev Next

→

Haz el juego de la víbora comemanzanas
Developer User18058｜Date and time 24/3/5 8:41:44
Build time 9.547 sec｜Game capacity 2.957KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Víbora comemanzanas</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        const scale = 10;
        const speed = 100;

let snake = [
            {x: 10, y: 10},
            {x: 10, y: 10},
            {x: 10, y: 10}
        ];
        let direction = 'RIGHT';
        let apple = {x: 15, y: 15};
        let score = 0;

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

ctx.fillStyle = 'green';
            ctx.fillRect(apple.x * scale, apple.y * scale, scale, scale);

ctx.fillStyle = 'orange';
            snake.forEach(segment => {
                ctx.fillRect(segment.x * scale, segment.y * scale, scale, scale);
            });
        }

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

if (direction === 'UP') head.y--;
            if (direction === 'DOWN') head.y++;
            if (direction === 'LEFT') head.x--;
            if (direction === 'RIGHT') head.x++;

snake.unshift(head);

if (head.x === apple.x && head.y === apple.y) {
                score++;
                spawnApple();
            } else {
                snake.pop();
            }
        }

function spawnApple() {
            apple.x = Math.floor(Math.random() * canvas.width / scale);
            apple.y = Math.floor(Math.random() * canvas.height / scale);
        }

function checkCollision() {
            if (snake[0].x < 0 || snake[0].x >= canvas.width / scale || snake[0].y < 0 || snake[0].y >= canvas.height / scale) {
                clearInterval(gameLoop);
                alert('Game Over! Your score: ' + score);
                location.reload();
            }

for (let i = 1; i < snake.length; i++) {
                if (snake[0].x === snake[i].x && snake[0].y === snake[i].y) {
                    clearInterval(gameLoop);
                    alert('Game Over! Your score: ' + score);
                    location.reload();
                }
            }
        }

function gameLoop() {
            draw();
            move();
            checkCollision();
        }

document.addEventListener('keydown', event => {
            const key = event.key.toUpperCase();

if ((key === 'W' || key === 'ARROWUP') && direction !== 'DOWN') direction = 'UP';
            if ((key === 'S' || key === 'ARROWDOWN') && direction !== 'UP') direction = 'DOWN';
            if ((key === 'A' || key === 'ARROWLEFT') && direction !== 'RIGHT') direction = 'LEFT';
            if ((key === 'D' || key === 'ARROWRIGHT') && direction !== 'LEFT') direction = 'RIGHT';
        });

spawnApple();
        setInterval(gameLoop, speed);
    </script>
</body>
</html>