AI game creator

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

No:24828

←

Prev Next

→

Snake Game
Developer User11915｜Date and time 23/11/12 22:38:56
Build time 116.148 sec｜Game capacity 4.837KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>贪吃蛇游戏</title>
    <style>
        #game-container {
            position: relative;
            width: 400px;
            height: 400px;
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

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

function drawSnakePart(snakePart) {
                ctx.fillStyle = '#00f';
                ctx.strokeStyle = '#000';
                ctx.fillRect(snakePart.x, snakePart.y, 10, 10);
                ctx.strokeRect(snakePart.x, snakePart.y, 10, 10);
            }

function drawSnake() {
                snake.forEach(drawSnakePart);
            }

function drawFood() {
                ctx.fillStyle = '#f00';
                ctx.fillRect(food.x, food.y, 10, 10);
            }

function getRandomPosition() {
                return Math.round((Math.random() * 390) / 10) * 10;
            }

function changeDirection(event) {
                const LEFT_KEY = 37;
                const RIGHT_KEY = 39;
                const UP_KEY = 38;
                const DOWN_KEY = 40;

if (changingDirection) {
                    return;
                }

changingDirection = true;
                const keyPressed = event.keyCode;

const goingUp = dy === -10;
                const goingDown = dy === 10;
                const goingRight = dx === 10;
                const goingLeft = dx === -10;

if (keyPressed === LEFT_KEY && !goingRight) {
                    dx = -10;
                    dy = 0;
                }

if (keyPressed === UP_KEY && !goingDown) {
                    dx = 0;
                    dy = -10;
                }

if (keyPressed === RIGHT_KEY && !goingLeft) {
                    dx = 10;
                    dy = 0;
                }

if (keyPressed === DOWN_KEY && !goingUp) {
                    dx = 0;
                    dy = 10;
                }
            }

function checkCollision() {
                const collidedWithWall = snake[0].x < 0 || snake[0].x >= canvas.width || snake[0].y < 0 || snake[0].y >= canvas.height;
                const collidedWithSelf = snake.slice(1).some((part) => part.x === snake[0].x && part.y === snake[0].y);

return collidedWithWall || collidedWithSelf;
            }

function updateScore() {
                const scoreContainer = document.getElementById('score-container');
                scoreContainer.textContent = `分数: ${score}`;
            }

function draw() {
                changingDirection = false;
                if (checkCollision()) {
                    clearInterval(gameLoop);
                    alert('游戏结束!');
                    return;
                }

clearCanvas();
                drawFood();
                moveSnake();
                drawSnake();

if (snake[0].x === food.x && snake[0].y === food.y) {
                    score += 10;
                    updateScore();
                    createFood();
                    snake.push({});
                }
            }

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

function startGame() {
                canvas.width = 400;
                canvas.height = 400;
                gameContainer.appendChild(canvas);
                createFood();
                updateScore();
                document.addEventListener('keydown', changeDirection);
                gameLoop = setInterval(draw, 100);
            }

startGame();
        });
    </script>
</body>
</html>