AI game creator

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

No:34933

←

Prev Next

→

Snake Game
Developer User16392｜Date and time 24/1/12 19:38:48
Build time 18.599 sec｜Game capacity 5.068KB｜

Script

Sure! Here's a simple implementation of the Snake Game using JavaScript and HTML. It can be played on a smartphone or any other device with a browser. It uses pictograms to represent the snake and food.

To run this game, create a new HTML file and copy the provided code into it. Make sure to save the `emozi_all/game.png` and `emozi_chicken.png` files in the same directory as the HTML file. Note that this is a simplistic implementation of the Snake Game and lacks advanced features such as score tracking or levels. Feel free to customize the game further based on your requirements and preferences.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game-board {
            width: 100%;
            height: 80vh;
            border: 1px solid #000;
            display: flex;
            flex-wrap: wrap;
        }
        .cell {
            width: 10%;
            height: 10%;
            background-color: #fff;
            border: 1px solid #000;
        }
        .snake-cell {
            background-image: url('snake.png');
            background-size: cover;
        }
        .food-cell {
            background-image: url('food.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

var boardWidth = Math.floor(board.offsetWidth / 10);
        var boardHeight = Math.floor(board.offsetHeight / 10);

function createBoard() {
            for (var i = 0; i < boardWidth * boardHeight; i++) {
                var cell = document.createElement('div');
                cell.classList.add('cell');
                board.appendChild(cell);
                cells.push(cell);
            }
        }

function createFood() {
            var x = Math.floor(Math.random() * boardWidth);
            var y = Math.floor(Math.random() * boardHeight);

food.x = x;
            food.y = y;

var index = x + (boardWidth * y);
            cells[index].classList.add('food-cell');
        }

function moveSnake() {
            var head = Object.assign({}, snake[0]);

if (direction === 'right') {
                head.x += 1;
            } else if (direction === 'left') {
                head.x -= 1;
            } else if (direction === 'up') {
                head.y -= 1;
            } else if (direction === 'down') {
                head.y += 1;
            }

var tail = snake.pop();
            var headIndex = head.x + (boardWidth * head.y);
            var tailIndex = tail.x + (boardWidth * tail.y);

cells[headIndex].classList.add('snake-cell');
            cells[tailIndex].classList.remove('snake-cell');

snake.unshift(head);

if (head.x === food.x && head.y === food.y) {
                cells[headIndex].classList.remove('food-cell');
                snake.push(tail);
                createFood();
            }
        }

function checkGameOver() {
            var head = snake[0];

if (
                head.x < 0 || head.y < 0 ||
                head.x >= boardWidth || head.y >= boardHeight
            ) {
                clearInterval(gameInterval);
                alert('Game Over!');
            }

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

createBoard();
        createSnake();
        createFood();

var gameInterval = setInterval(function() {
            moveSnake();
            checkGameOver();
        }, 200);

document.addEventListener('keydown', handleKeyPress);
    </script>
</body>
</html>
```

To run this game, create a new HTML file and copy the provided code into it. Make sure to save the `snake.png` and `food.png` files in the same directory as the HTML file.

Note that this is a simplistic implementation of the Snake Game and lacks advanced features such as score tracking or levels. Feel free to customize the game further based on your requirements and preferences.