a snake game where there are these apple emojis you have to eat them and then you will be bigger and it works with your finger on the phone's game

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

No:27610

←

Prev Next

→

a snake game where there are these apple emojis yo..ALL
Developer User13727｜Date and time 23/12/7 23:36:51
Build time 69.138 sec｜Game capacity 7.386KB｜

Script

Sure, here's a simple implementation of the snake game using HTML and JavaScript, optimized for smartphone operation:

Save the above code in a single HTML file. When you open the file in a web browser, it will load the snake game. You can control the snake by swiping on the game board's screen using your finger on your phone. Eat the apple emojis to grow the snake, and avoid colliding with the snake's own body or game boundaries. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure, here's a simple implementation of the snake game using HTML and JavaScript, optimized for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
    <style>
        #game-board {
            background-color: lightblue;
            border: 2px solid black;
            height: 300px;
            width: 300px;
            position: relative;
        }
        .snake-cell {
            height: 20px;
            width: 20px;
            border: 1px solid gray;
            background-color: green;
            position: absolute;
        }
        #apple {
            height: 20px;
            width: 20px;
            position: absolute;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>
    <script>
        window.onload = function() {
            // Game configuration
            var CELL_SIZE = 20;
            var DIRECTION = {
                UP: "up",
                DOWN: "down",
                LEFT: "left",
                RIGHT: "right"
            };

// Game variables
            var snake = [];
            var direction = DIRECTION.RIGHT;
            var appleX, appleY;
            var score = 0;
            var gameBoard = document.getElementById("game-board");

function createApple() {
                appleX = Math.floor(Math.random() * gameBoard.offsetWidth / CELL_SIZE) * CELL_SIZE;
                appleY = Math.floor(Math.random() * gameBoard.offsetHeight / CELL_SIZE) * CELL_SIZE;

var apple = document.createElement("div");
                apple.id = "apple";
                apple.style.left = appleX + "px";
                apple.style.top = appleY + "px";
                apple.innerHTML = "🍎";

gameBoard.appendChild(apple);
            }

function updateSnake() {
                var head = snake[0];
                var newHead;

switch (direction) {
                    case DIRECTION.UP:
                        newHead = {
                            x: head.x,
                            y: head.y - CELL_SIZE
                        };
                        break;
                    case DIRECTION.DOWN:
                        newHead = {
                            x: head.x,
                            y: head.y + CELL_SIZE
                        };
                        break;
                    case DIRECTION.LEFT:
                        newHead = {
                            x: head.x - CELL_SIZE,
                            y: head.y
                        };
                        break;
                    case DIRECTION.RIGHT:
                        newHead = {
                            x: head.x + CELL_SIZE,
                            y: head.y
                        };
                        break;
                }

snake.unshift(newHead);

// Check for collision with apple
                if (newHead.x === appleX && newHead.y === appleY) {
                    score++;
                    gameBoard.removeChild(document.getElementById("apple"));
                    createApple();
                } else {
                    var tail = snake.pop();
                    gameBoard.removeChild(document.getElementById(tail.id));
                }

// Check for collision with self
                if (isSelfCollision()) {
                    endGame();
                }

// Check for collision with boundaries
                if (
                    newHead.x >= gameBoard.offsetWidth ||
                    newHead.x < 0 ||
                    newHead.y >= gameBoard.offsetHeight ||
                    newHead.y < 0
                ) {
                    endGame();
                }

drawSnake();
            }

function drawSnake() {
                for (var i = 0; i < snake.length; i++) {
                    var cell = snake[i];

var snakeCell = document.getElementById(cell.id);
                    if (snakeCell) {
                        snakeCell.style.left = cell.x + "px";
                        snakeCell.style.top = cell.y + "px";
                    } else {
                        snakeCell = document.createElement("div");
                        snakeCell.className = "snake-cell";
                        snakeCell.id = cell.id;
                        snakeCell.style.left = cell.x + "px";
                        snakeCell.style.top = cell.y + "px";
                        gameBoard.appendChild(snakeCell);
                    }
                }
            }

function endGame() {
                alert("Game Over! Your score: " + score);
                resetGame();
            }

function resetGame() {
                // Clear the game board
                gameBoard.innerHTML = "";

// Reset variables
                snake = [{
                    x: 0,
                    y: 0,
                    id: "cell0"
                }];
                direction = DIRECTION.RIGHT;
                score = 0;

createApple();
                setInterval(updateSnake, 200);
            }

// Initialize the game
            resetGame();

// Handle touch events
            var startX, startY;

gameBoard.addEventListener("touchstart", function(event) {
                event.preventDefault();
                startX = event.touches[0].clientX;
                startY = event.touches[0].clientY;
            });

gameBoard.addEventListener("touchend", function(event) {
                event.preventDefault();
                var endX = event.changedTouches[0].clientX;
                var endY = event.changedTouches[0].clientY;

var diffX = Math.abs(startX - endX);
                var diffY = Math.abs(startY - endY);

if (diffX > diffY) {
                    // Horizontal swipe
                    if (endX > startX && direction !== DIRECTION.LEFT) {
                        direction = DIRECTION.RIGHT;
                    } else if (endX < startX && direction !== DIRECTION.RIGHT) {
                        direction = DIRECTION.LEFT;
                    }
                } else {
                    // Vertical swipe
                    if (endY > startY && direction !== DIRECTION.UP) {
                        direction = DIRECTION.DOWN;
                    } else if (endY < startY && direction !== DIRECTION.DOWN) {
                        direction = DIRECTION.UP;
                    }
                }
            });
        }
    </script>
</body>
</html>
```