Snake game 2 you have to eat the apples "🍎" you are a snake "🐍" you get longer the more apples you eat but there is a red monster smake tryint ti eat you "🔴"'s game

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

No:44724

←

Prev Next

→

Snake game 2 you have to eat the apples "🍎" you ar..ALL
Developer User17401｜Date and time 24/2/19 1:14:20
Build time 10.165 sec｜Game capacity 2.775KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Snake Game 2</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

let snake = [{x: 10, y: 10}];
        let apple = {x: 15, y: 15};
        let monster = {x: 5, y: 5};

let score = 0;
        let dx = 0;
        let dy = 0;

function drawSnake() {
            ctx.fillStyle = "#00FF00";
            snake.forEach(segment => {
                ctx.fillRect(segment.x * 20, segment.y * 20, 20, 20);
            });
        }

function drawApple() {
            ctx.fillStyle = "#FF0000";
            ctx.fillRect(apple.x * 20, apple.y * 20, 20, 20);
        }

function drawMonster() {
            ctx.fillStyle = "#FF5733";
            ctx.fillRect(monster.x * 20, monster.y * 20, 20, 20);
        }

function moveSnake() {
            let 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() * 20);
                apple.y = Math.floor(Math.random() * 20);
            } else {
                snake.pop();
            }

if (head.x === monster.x && head.y === monster.y) {
                score = 0;
                snake = [{x: 10, y: 10}];
            }
        }

function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawSnake();
            drawApple();
            drawMonster();
            moveSnake();

if (snake[0].x < 0 || snake[0].x >= canvas.width / 20 || snake[0].y < 0 || snake[0].y >= canvas.height / 20) {
                score = 0;
                snake = [{x: 10, y: 10}];
            }

document.getElementById("score").innerText = `Score: ${score}`;
        }

function keyDown(event) {
            switch (event.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;
            }
        }

document.addEventListener("keydown", keyDown);
        setInterval(updateGame, 100);

</script>
</body>
</html>