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

No:21108

Snake game that when u die it shows the top 10 Hig..ALL
Developer User9316｜Date and time 23/10/13 9:11:55
Build time 116.053 sec｜Game capacity 5.525KB｜

Script

Sure! Here's an example of a simple Snake game implemented as a single HTML file using JavaScript, enclosed in script tags:

Snake Game

This game will create a game board in the HTML document where the player controls a snake using arrow keys. The objective is to eat the red food (represented as a red block) to grow the snake and score points. The game ends if the snake collides with the walls or itself. After the game ends, the player can enter their name and the top 10 high scores will be displayed in an alert message. Please note that the high scores are stored in memory and will be reset if the page is refreshed or closed. If you want to persist the high scores even after page reloads, you'll need to implement some backend server or use browser local storage/caching mechanisms.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a simple Snake game implemented as a single HTML file using JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game PC</title>
    <style>
        #game-board {
            position: relative;
            margin: 0 auto;
            border: 1px solid #000;
            width: 400px;
            height: 400px;
            background-color: #f0f0f0;
        }
        .snake {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: #000;
        }
        .food {
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: #f00;
        }
    </style>
</head>
<body>
    <h1>Snake Game</h1>
    <div id="game-board"></div>

document.addEventListener('keydown', changeDirection);

function changeDirection(event) {
            const LEFT_KEY = 37;
            const RIGHT_KEY = 39;
            const UP_KEY = 38;
            const DOWN_KEY = 40;

if (event.keyCode === LEFT_KEY && dx !== 1) {
                dx = -1;
                dy = 0;
            } else if (event.keyCode === UP_KEY && dy !== 1) {
                dx = 0;
                dy = -1;
            } else if (event.keyCode === RIGHT_KEY && dx !== -1) {
                dx = 1;
                dy = 0;
            } else if (event.keyCode === DOWN_KEY && dy !== -1) {
                dx = 0;
                dy = 1;
            }
        }

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

if (snake[0].x === food.x && snake[0].y === food.y) {
                score += 10;
                generateFood();
            } else {
                snake.pop();
            }

if (isGameOver()) {
                endGame();
                return;
            }

draw();
        }

function draw() {
            gameBoard.innerHTML = "";

snake.forEach(block => {
                const snakeElement = document.createElement('div');
                snakeElement.style.left = block.x * blockSize + 'px';
                snakeElement.style.top = block.y * blockSize + 'px';
                snakeElement.classList.add('snake');
                gameBoard.appendChild(snakeElement);
            });

const foodElement = document.createElement('div');
            foodElement.style.left = food.x * blockSize + 'px';
            foodElement.style.top = food.y * blockSize + 'px';
            foodElement.classList.add('food');
            gameBoard.appendChild(foodElement);
        }

function generateFood() {
            food = {
                x: Math.floor(Math.random() * boardSize),
                y: Math.floor(Math.random() * boardSize)
            };

if (isFoodOnSnake()) {
                generateFood();
            }
        }

function isFoodOnSnake() {
            return snake.some(block => block.x === food.x && block.y === food.y);
        }

function isGameOver() {
            if (
                snake[0].x < 0 ||
                snake[0].x >= boardSize ||
                snake[0].y < 0 ||
                snake[0].y >= boardSize ||
                snake.slice(1).some(block => block.x === snake[0].x && block.y === snake[0].y)
            ) {
                return true;
            }
            return false;
        }

function endGame() {
            const playerName = prompt('Game Over! Enter your name:');
            const playerScore = { name: playerName, score: score };
            highScores.push(playerScore);
            highScores.sort((a, b) => b.score - a.score);
            highScores = highScores.slice(0, 10); // Keep only top 10 high scores

let highScoresString = "High Scores: \n";
            highScores.forEach((score, index) => {
                highScoresString += `${index + 1}. ${score.name}: ${score.score}\n`;
            });

alert(highScoresString);
            resetGame();
        }

function resetGame() {
            snake = [{ x: 10, y: 10 }];
            food = { x: 15, y: 10 };
            dx = 0;
            dy = 0;
            score = 0;
        }

setInterval(update, 150); // Game loop
    </script>
</body>
</html>
```

Please note that the high scores are stored in memory and will be reset if the page is refreshed or closed. If you want to persist the high scores even after page reloads, you'll need to implement some backend server or use browser local storage/caching mechanisms.