AI game creator

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

No:50846

←

Prev Next

→

ヘビゲーム
Developer User21423｜Date and time 24/3/10 0:21:42
Build time 8.399 sec｜Game capacity 2.787KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const tileSize = 20;
        let score = 0;

let snake = [{x: 10, y: 10}];
        let dx = 1;
        let dy = 0;

let apple = {x: Math.floor(Math.random() * (canvas.width / tileSize)), y: Math.floor(Math.random() * (canvas.height / tileSize))};

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

function drawApple() {
            ctx.fillStyle = 'red';
            ctx.fillRect(apple.x * tileSize, apple.y * tileSize, tileSize, tileSize);
        }

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

if (head.x === apple.x && head.y === apple.y) {
                score++;
                apple = {x: Math.floor(Math.random() * (canvas.width / tileSize)), y: Math.floor(Math.random() * (canvas.height / tileSize))};
            } else {
                snake.pop();
            }
        }

function checkCollisions() {
            if (snake[0].x < 0 || snake[0].x >= canvas.width / tileSize || snake[0].y < 0 || snake[0].y >= canvas.height / tileSize || snake.slice(1).some(segment => segment.x === snake[0].x && segment.y === snake[0].y)) {
                gameOver();
            }
        }

function gameOver() {
            alert('Game Over! Your score: ' + score);
            snake = [{x: 10, y: 10}];
            dx = 1;
            dy = 0;
            score = 0;
        }

function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

moveSnake();
            checkCollisions();
            drawApple();
            drawSnake();

setTimeout(updateGame, 100);
        }

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

switch (key) {
                case 'ArrowUp':
                    dx = 0;
                    dy = -1;
                    break;
                case 'ArrowDown':
                    dx = 0;
                    dy = 1;
                    break;
                case 'ArrowLeft':
                    dx = -1;
                    dy = 0;
                    break;
                case 'ArrowRight':
                    dx = 1;
                    dy = 0;
                    break;
            }
        });

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