AI game creator

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

No:51464

129

←

Prev Next

→

Snake Game
Developer Winnerweiner2113｜Date and time 24/3/12 11:07:06
Build time 12.261 sec｜Game capacity 3.803KB｜

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>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

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

function drawFood() {
            ctx.fillStyle = "red";
            ctx.fillRect(food.x, food.y, snakeSize, snakeSize);
            ctx.strokeStyle = "darkred";
            ctx.strokeRect(food.x, food.y, snakeSize, snakeSize);
        }

function generateFood() {
            food.x = Math.round((Math.random() * (canvas.width - snakeSize)) / snakeSize) * snakeSize;
            food.y = Math.round((Math.random() * (canvas.height - snakeSize)) / snakeSize) * snakeSize;
        }

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 (detectCollision()) {
                alert("Game Over! Your score was: " + score);
                location.reload();
                return;
            }

setTimeout(function onTick() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                moveSnake();
                drawFood();
                drawSnake();
                
                // Increase speed by decreasing this value
                main();
            }, 100);
        }

window.addEventListener("keydown", changeDirection);
        generateFood();
        main();
    </script>
</body>
</html>