AI game creator

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

No:43623

←

Prev Next

→

mobile snake game
Developer Bowgray｜Date and time 24/2/16 5:48:21
Build time 11.315 sec｜Game capacity 3.909KB｜

Script

Sure, here's a simple implementation of a mobile snake game using JavaScript and HTML:

To play the game, open this HTML file in a web browser on your smartphone. The game canvas will be displayed, and you can move the snake using the arrow keys or swipe gestures on your smartphone screen. The objective is to eat the red food, grow the snake, and avoid hitting the boundaries or the snake itself.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a simple implementation of a mobile snake game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
    <head>
        <style>
            #gameCanvas {
                border: 1px solid #000;
            }
        </style>
    </head>
    <body>
        <canvas id="gameCanvas" width="400" height="400"></canvas>

function draw() {
                    context.clearRect(0, 0, canvas.width, canvas.height);

// Draw snake
                    context.fillStyle = 'green';
                    snake.forEach(function(segment) {
                        context.fillRect(segment.x * gridSize, segment.y * gridSize, gridSize, gridSize);
                    });

// Draw food
                    context.fillStyle = 'red';
                    context.fillRect(food.x * gridSize, food.y * gridSize, gridSize, gridSize);

// Move snake
                    var head = {x: snake[0].x, y: snake[0].y};
                    if (direction === "right") head.x++;
                    else if (direction === "left") head.x--;
                    else if (direction === "up") head.y--;
                    else if (direction === "down") head.y++;

snake.unshift(head);

// Check collisions
                    if (head.x === food.x && head.y === food.y) {
                        // Eat food and generate new one
                        food.x = Math.floor(Math.random() * gridSize);
                        food.y = Math.floor(Math.random() * gridSize);
                    } else {
                        // Remove tail
                        snake.pop();
                    }

// Check game over condition
                    if (head.x < 0 || head.x >= gridSize || head.y < 0 || head.y >= gridSize) {
                        clearInterval(gameInterval);
                        alert("Game Over!");
                    }

// Check self-collision
                    for (var i = 1; i < snake.length; i++) {
                        if (head.x === snake[i].x && head.y === snake[i].y) {
                            clearInterval(gameInterval);
                            alert("Game Over!");
                            break;
                        }
                    }
                }

document.addEventListener("keydown", handleKeyDown);

var gameInterval = setInterval(draw, 200);
            });
        </script>
    </body>
</html>
```