AI game creator

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

No:44876

←

Prev Next

→

ヘビゲーム
Developer User19503｜Date and time 24/2/19 16:26:56
Build time 12.387 sec｜Game capacity 2.851KB｜

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 snakeSize = 10;
        let snake = [
            { x: 200, y: 200 },
            { x: 190, y: 200 },
            { x: 180, y: 200 },
            { x: 170, y: 200 },
            { x: 160, y: 200 },
        ];

let dx = 10;
        let dy = 0;

function drawSnakePart(snakePart) {
            ctx.fillStyle = 'green';
            ctx.fillRect(snakePart.x, snakePart.y, snakeSize, snakeSize);
        }

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

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

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

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

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 main() {
            if (didGameEnd()) return;

setTimeout(function onTick() {
                clearCanvas();
                moveSnake();
                drawSnake();
                main();
            }, 100);
        }

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

const hitLeftWall = snake[0].x < 0;
            const hitRightWall = snake[0].x > canvas.width - snakeSize;
            const hitTopWall = snake[0].y < 0;
            const hitBottomWall = snake[0].y > canvas.height - snakeSize;

return hitLeftWall || hitRightWall || hitTopWall || hitBottomWall;
        }

document.addEventListener('keydown', changeDirection);

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