AI game creator

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

No:23550

←

Prev Next

→

Snake game
Developer User10995｜Date and time 23/11/1 18:52:39
Build time 59.993 sec｜Game capacity 3.961KB｜

Script

Sure! Here's a simple implementation of a Snake game using JavaScript, enclosed in script tags, within a single HTML file. It can be played on a smartphone and uses pictograms for visuals.

To play the game, you can save this code in a `.html` file and open it in a web browser, or you can copy and paste the code into an online HTML editor. Upon running the game, you will control the snake using the arrow keys on your smartphone. The objective is to eat the red food dots without colliding with the snake's own body or the boundaries of the canvas.

←

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 Snake game using JavaScript, enclosed in script tags, within a single HTML file. It can be played on a smartphone and uses pictograms for visuals.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Snake Game</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

let snake = [{x: 10, y: 10}];
    let direction = "right";
    let food = {};

function startGame() {
        createFood();
        setInterval(update, speed);
    }

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

function isSnakeCollidingWithFood() {
        return snake[0].x === food.x && snake[0].y === food.y;
    }

function eatFood() {
        const tail = {...snake[snake.length - 1]};
        snake.push(tail);
    }

function isSnakeOutsideCanvas() {
        const head = snake[0];
        return head.x < 0 || head.x >= gridSize || head.y < 0 || head.y >= gridSize;
    }

function endGame() {
        alert("Game over!");
        snake = [{x: 10, y: 10}];
        direction = "right";
    }

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

// Draw food
        context.fillStyle = "#FF0000";
        context.fillRect(food.x * tileSize, food.y * tileSize, tileSize, tileSize);

// Draw snake
        context.fillStyle = "#000000";
        for (let i = 0; i < snake.length; i++) {
            context.fillRect(snake[i].x * tileSize, snake[i].y * tileSize, tileSize, tileSize);
        }
    }

// Add event listeners for controls
    document.addEventListener("keydown", handleKeydown);

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