AI game creator

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

No:34838

←

Prev Next

→

Snake Game
Developer User16337｜Date and time 24/1/11 21:13:14
Build time 20.476 sec｜Game capacity 4.109KB｜

Script

Sure! Here's an example of a simple Snake Game implemented as a single HTML file using JavaScript. This game assumes smartphone operation and uses pictograms for the snake and food elements:

To play the game, you can copy the code into a new HTML file and open it in a web browser. The game should run, and you can control the snake's movement using the arrow keys on your smartphone. Enjoy the Snake Game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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. This game assumes smartphone operation and uses pictograms for the snake and food elements:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
    <style>
        #canvas {
            border: 1px solid black;
            background-color: #f0f0f0;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Game Loop
        function gameLoop() {
            // Clear canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Process game logic
            if (!isGameOver) {
                updateSnake();
                checkCollision();
                drawSnake();
                drawFood();
            } else {
                endGame();
                return;
            }

// Schedule next frame
            requestAnimationFrame(gameLoop);
        }

// Handle user input
        window.addEventListener("keydown", e => {
            if (e.key === "ArrowUp" && currentDirection !== direction.DOWN)
                currentDirection = direction.UP;
            else if (e.key === "ArrowDown" && currentDirection !== direction.UP)
                currentDirection = direction.DOWN;
            else if (e.key === "ArrowLeft" && currentDirection !== direction.RIGHT)
                currentDirection = direction.LEFT;
            else if (e.key === "ArrowRight" && currentDirection !== direction.LEFT)
                currentDirection = direction.RIGHT;
        });

// Update snake position
        function updateSnake() {
            const head = { x: snake[0].x + currentDirection.x, y: snake[0].y + currentDirection.y };
            snake.unshift(head);

if (!(head.x === food.x && head.y === food.y))
                snake.pop();
            else
                generateFood();
        }

// Check for collision
        function checkCollision() {
            const head = snake[0];

if (head.x < 0 || head.x >= canvas.width / cellSize || head.y < 0 || head.y >= canvas.height / cellSize)
                isGameOver = true;

for (let i = 1; i < snake.length; i++) {
                if (head.x === snake[i].x && head.y === snake[i].y)
                    isGameOver = true;
            }
        }

// Draw the snake
        function drawSnake() {
            snake.forEach(segment => {
                context.fillStyle = "#333";
                context.fillRect(segment.x * cellSize, segment.y * cellSize, cellSize, cellSize);
            });
        }

// Generate new food
        function generateFood() {
            food.x = Math.floor(Math.random() * (canvas.width / cellSize));
            food.y = Math.floor(Math.random() * (canvas.height / cellSize));
        }

// Draw the food
        function drawFood() {
            context.fillStyle = "#f00";
            context.fillRect(food.x * cellSize, food.y * cellSize, cellSize, cellSize);
        }

// End the game
        function endGame() {
            context.font = "30px Arial";
            context.fillStyle = "#333";
            context.fillText("Game Over", canvas.width / 2 - 75, canvas.height / 2);
        }

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