Make me a snake game for mobile and when u die it shows the top 10 Highscore and when someone pass that Highscore replace one the bottom one's game

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

No:21109

←

Prev Next

→

Make me a snake game for mobile and when u die it ..ALL
Developer User9316｜Date and time 23/10/13 9:15:43
Build time 119.238 sec｜Game capacity 5.852KB｜

Script

Sure! Here's a complete example of a Snake game implemented as a single HTML file with JavaScript. The game uses pictograms for easy understanding on a smartphone.

To play the game, simply open the HTML file in a web browser on your smartphone. The game uses arrow keys for controlling the snake's direction. When the game ends, it will prompt you to enter your name if you achieved a new high score. The top 10 high scores will be displayed and saved locally. When a new high score is obtained, it will replace the lowest high score if the list is full. Please note that this code does not include any responsive design, so it's recommended to play it in landscape mode on a smartphone for the best experience.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's a complete example of a Snake game implemented as a single HTML file with JavaScript. The game uses pictograms for easy understanding on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Snake Game</title>
    <style>
        * { padding: 0; margin: 0; }
        canvas { background: #000; display: block; margin: 20px auto; }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Handle key press events
        document.addEventListener("keydown", changeDirection);

function changeDirection(event) {
            const key = event.keyCode;
            if (key === 37 && direction !== "right") direction = "left";
            else if (key === 38 && direction !== "down") direction = "up";
            else if (key === 39 && direction !== "left") direction = "right";
            else if (key === 40 && direction !== "up") direction = "down";
        }

// Game initialization
        function init() {
            snake = [
                { x: unit * 5, y: unit * 5 },
                { x: unit * 4, y: unit * 5 },
                { x: unit * 3, y: unit * 5 }
            ];
            food = generateFoodPosition();
            score = 0;
            retrieveHighScores();
            main();
        }

// Generate random position for food
        function generateFoodPosition() {
            return {
                x: Math.floor(Math.random() * (canvasSize / unit)) * unit,
                y: Math.floor(Math.random() * (canvasSize / unit)) * unit
            };
        }

// Save high scores to local storage
        function saveHighScores() {
            localStorage.setItem("highScores", JSON.stringify(highScores));
        }

// Retrieve high scores from local storage
        function retrieveHighScores() {
            const storedHighScores = localStorage.getItem("highScores");
            if (storedHighScores) {
                highScores = JSON.parse(storedHighScores);
            }
        }

// Game over function
        function gameOver() {
            if (highScores.length < maxHighScores || score > highScores[highScores.length - 1].score) {
                const playerName = prompt("Congratulations! You obtained a new high score.\nEnter your name:");
                const newScore = { name: playerName, score };
                highScores.push(newScore);
                highScores.sort((a, b) => b.score - a.score);
                highScores = highScores.slice(0, maxHighScores);
                saveHighScores();
            } else {
                alert("Game Over!");
            }
            init();
        }

// Game logic
        function update() {
            // Update snake position
            const snakeHead = { x: snake[0].x + (direction === "right" ? unit : direction === "left" ? -unit : 0), y: snake[0].y + (direction === "down" ? unit : direction === "up" ? -unit : 0) };
            
            // Check if snake has collided with itself or the game boundaries
            if (
                snakeHead.x < 0 || snakeHead.x >= canvasSize || 
                snakeHead.y < 0 || snakeHead.y >= canvasSize || 
                snake.some(segment => segment.x === snakeHead.x && segment.y === snakeHead.y)
            ) {
                return gameOver();
            }

snake.unshift(snakeHead);

// If snake eats the food, generate a new food position and increase score
            if (snakeHead.x === food.x && snakeHead.y === food.y) {
                score++;
                food = generateFoodPosition();
            } else {
                snake.pop();
            }
        }

// Draw game elements
        function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvasSize, canvasSize);

// Draw snake
            snake.forEach(segment => drawSegment(segment, "#32CD32"));

// Draw food
            drawSegment(food, "#FF0000");

// Draw score
            ctx.fillStyle = "#FFFFFF";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);

// Draw high scores
            ctx.fillText("High Scores:", 10, 60);
            for (let i = 0; i < highScores.length; i++) {
                ctx.fillText(highScores[i].name + ": " + highScores[i].score, 10, 90 + 30 * i);
            }
        }

// Draw a single segment (snake or food)
        function drawSegment(segment, color) {
            ctx.fillStyle = color;
            ctx.fillRect(segment.x, segment.y, unit, unit);
        }

// Game loop
        function main() {
            update();
            draw();
            setTimeout(main, 100); // Game speed (lower value = higher speed)
        }

// Start the game
        init();
    </script>
</body>
</html>
```

Please note that this code does not include any responsive design, so it's recommended to play it in landscape mode on a smartphone for the best experience.