AI game creator

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

No:25148

←

Prev Next

→

Snake Game
Developer Dooz studio｜Date and time 23/11/18 9:57:33
Build time 155.789 sec｜Game capacity 5.763KB｜

Script

Sure! Here's an implementation of the classic Snake game using JavaScript and HTML. You can copy the code into a single HTML file and run it in a web browser to play the game.

This implementation creates a game board that is 15x15 cells large, with each cell representing a 20x20-pixel square. The player controls a snake using the arrow keys on a smartphone. The objective is to eat the red food squares and grow the snake without hitting the border or itself. The game keeps track of the player's score (number of food pieces eaten). Note: This implementation is quite basic and doesn't have touch controls or advanced features. It's a starting point and can be expanded upon with additional features and enhancements if desired.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's an implementation of the classic Snake game using JavaScript and HTML. You can copy the code into a single HTML file and run it in a web browser to play the game.

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #gameboard {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            background-color: lightgray;
            position: relative;
        }

.cell {
            width: 20px;
            height: 20px;
            position: absolute;
        }

.snake {
            background-color: green;
        }

.food {
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="gameboard"></div>
    
    <script>
        var rows = 15;
        var cols = 15;
        var cellSize = 20;
        var snake;
        var food;
        var direction;
        var gameInterval;

function createSnake() {
            snake = [{ x: 5, y: 5 }, { x: 4, y: 5 }, { x: 3, y: 5 }];
            direction = "right";
            drawSnake();
        }

function updateGame() {
            var head = { x: snake[0].x, y: snake[0].y };

switch (direction) {
                case "up":
                    head.y--;
                    break;
                case "down":
                    head.y++;
                    break;
                case "left":
                    head.x--;
                    break;
                case "right":
                    head.x++;
                    break;
            }
            
            snake.unshift(head);
            
            if (head.x === food.x && head.y === food.y) {
                var cell = document.getElementsByClassName("cell")[food.x + food.y * cols];
                cell.classList.remove("food");
                createFood();
            } else {
                snake.pop();
            }
            
            if (isGameover()) {
                clearInterval(gameInterval);
                alert("Game Over! Your score: " + (snake.length - 3));
                resetGame();
                return;
            }
            
            drawSnake();
        }

function isGameover() {
            var head = snake[0];
            
            if (head.x < 0 || head.x >= cols || head.y < 0 || head.y >= rows) {
                return true;
            }

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

function resetGame() {
            createSnake();
            createFood();
            gameInterval = setInterval(updateGame, 200);
        }
        
        document.addEventListener("keydown", function (event) {
            switch (event.keyCode) {
                case 38: // Up arrow
                    if (direction !== "down")
                        direction = "up";
                    break;

case 40: // Down arrow
                    if (direction !== "up")
                        direction = "down";
                    break;

case 37: // Left arrow
                    if (direction !== "right")
                        direction = "left";
                    break;

case 39: // Right arrow
                    if (direction !== "left")
                        direction = "right";
                    break;
            }
        });

createGameboard();
        resetGame();
    </script>
</body>
</html>
```

Note: This implementation is quite basic and doesn't have touch controls or advanced features. It's a starting point and can be expanded upon with additional features and enhancements if desired.