AI game creator

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

No:16279

101

←

Prev Next

→

Snake Game
Developer User7201｜Date and time 23/9/16 22:15:16
Build time 47.865 sec｜Game capacity 4.845KB｜

Script

Sure! Here's a simple implementation of the classic Snake game using JavaScript, enclosed in script tags, and designed for smartphone operation using pictograms:

To make this game work, you'll need to have two image files named "emozi_all/game.png" and "emozi_all/snake.png" in the same directory as the HTML file. You can use any appropriate pictograms as these images. Save the above code in a single HTML file and open it in a web browser to play the Snake game on your smartphone. The game controls are arrow keys (up, down, left, right) for movement. When the game is over, you'll receive a game over message with your final score. You can then choose to play again by pressing "OK" on the confirmation dialog. Enjoy playing the Snake game on your smartphone!

←

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 classic Snake game using JavaScript, enclosed in script tags, and designed for smartphone operation using pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
    <style>
        #game-board {
            width: 100%;
            height: 400px;
            border: 2px solid black;
            position: relative;
        }

.snake, .food {
            width: 40px;
            height: 40px;
            position: absolute;
            background-size: contain;
            background-repeat: no-repeat;
        }

.food {
            background-image: url('food.png');
        }

.snake {
            background-image: url('snake.png');
        }
    </style>
</head>
<body>

<div id="game-board"></div>

const gameBoard = document.getElementById('game-board');
    const scoreDisplay = document.createElement('div');
    scoreDisplay.innerText = 'Score: ' + score;
    gameBoard.appendChild(scoreDisplay);

function drawSnake() {
        gameBoard.innerHTML = '';
        snake.forEach(segment => {
            const snakeElement = document.createElement('div');
            snakeElement.style.left = segment.x + 'px';
            snakeElement.style.top = segment.y + 'px';
            snakeElement.className = 'snake';
            gameBoard.appendChild(snakeElement);
        });
    }

function drawFood() {
        const foodElement = document.createElement('div');
        foodElement.style.left = food.x + 'px';
        foodElement.style.top = food.y + 'px';
        foodElement.className = 'food';
        gameBoard.appendChild(foodElement);
    }

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

if (snake[0].x === food.x && snake[0].y === food.y) {
            score += 10;
            scoreDisplay.innerText = 'Score: ' + score;
            food = getRandomFood();
        } else {
            snake.pop();
        }
    }

function getRandomFood() {
        const x = Math.floor(Math.random() * 10) * 40;
        const y = Math.floor(Math.random() * 10) * 40;
        return { x, y };
    }

function gameOver() {
        alert('Game Over! Your final score is: ' + score);
        clearInterval(gameInterval);
        if (confirm('Do you want to play again?')) {
            resetGame();
        }
    }

function checkCollision() {
        if (
            snake[0].x < 0 ||
            snake[0].x >= gameBoard.clientWidth ||
            snake[0].y < 0 ||
            snake[0].y >= gameBoard.clientHeight ||
            checkSnakeCollision()
        ) {
            gameOver();
        }
    }

function gameLoop() {
        checkCollision();
        moveSnake();
        drawSnake();
        drawFood();
    }

document.addEventListener('keydown', changeDirection);
    let gameInterval = setInterval(gameLoop, gameSpeed);
</script>
</body>
</html>
```

To make this game work, you'll need to have two image files named "food.png" and "snake.png" in the same directory as the HTML file. You can use any appropriate pictograms as these images.

Save the above code in a single HTML file and open it in a web browser to play the Snake game on your smartphone. The game controls are arrow keys (up, down, left, right) for movement. When the game is over, you'll receive a game over message with your final score. You can then choose to play again by pressing "OK" on the confirmation dialog.

Enjoy playing the Snake game on your smartphone!