Snake game 2 you have to eat the apple emojis "🍎" you are a snake emoji "🐍" you get longer the more apples you eat but there is a red monster snake emoji trying to eat you "🔴"'s game

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

No:44726

158

←

Prev Next

→

Snake game 2 you have to eat the apple emojis "🍎" ..ALL
Developer User17401｜Date and time 24/2/19 1:16:03
Build time 10.052 sec｜Game capacity 3.872KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game 2</title>
    <style>
        #game-board {
            display: grid;
            grid-template-columns: repeat(20, 20px);
            grid-template-rows: repeat(20, 20px);
        }
        .apple {
            background: #ff6347;
        }
        .snake {
            background: #00ff00;
        }
        .monster {
            background: #ff0000;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>
    <script>
        const board = document.getElementById('game-board');
        const boardSize = 20;
        let snake = [{x: 10, y: 10}];
        let apple = {x: 15, y: 15};
        let monster = {x: 5, y: 5};
        let direction = 'right';
        let isGameOver = false;

function drawSnake() {
            board.innerHTML = '';
            snake.forEach(segment => {
                const snakeElement = document.createElement('div');
                snakeElement.style.gridColumn = segment.x + 1;
                snakeElement.style.gridRow = segment.y + 1;
                snakeElement.classList.add('snake');
                board.appendChild(snakeElement);
            });
        }

function drawApple() {
            const appleElement = document.createElement('div');
            appleElement.style.gridColumn = apple.x + 1;
            appleElement.style.gridRow = apple.y + 1;
            appleElement.classList.add('apple');
            board.appendChild(appleElement);
        }

function drawMonster() {
            const monsterElement = document.createElement('div');
            monsterElement.style.gridColumn = monster.x + 1;
            monsterElement.style.gridRow = monster.y + 1;
            monsterElement.classList.add('monster');
            board.appendChild(monsterElement);
        }

if(head.x === monster.x && head.y === monster.y) {
                isGameOver = true;
            }

if(head.x < 0 || head.y < 0 || head.x >= boardSize || head.y >= boardSize) {
                isGameOver = true;
            }
        }

function changeDirection(event) {
            const key = event.key;
            switch(key) {
                case 'ArrowUp':
                    if(direction !== 'down') direction = 'up';
                    break;
                case 'ArrowDown':
                    if(direction !== 'up') direction = 'down';
                    break;
                case 'ArrowLeft':
                    if(direction !== 'right') direction = 'left';
                    break;
                case 'ArrowRight':
                    if(direction !== 'left') direction = 'right';
                    break;
            }
        }

function gameLoop() {
            if(isGameOver) {
                alert('Game Over!');
                return;
            }
            moveSnake();
            drawSnake();
            drawApple();
            drawMonster();
            setTimeout(gameLoop, 300);
        }

document.addEventListener('keydown', changeDirection);
        gameLoop();
    </script>
</body>
</html>
```