AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Snake Game's game | AI game creator

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

No:27147

←

Prev Next

→

Snake Game
Developer User13486｜Date and time 23/12/4 16:20:32
Build time 27.111 sec｜Game capacity 4.301KB｜

Script

Sure, here's an implementation of the classic Snake game in a single HTML file using JavaScript:

To play the game, you can save the code above into a file with a `.html` extension (e.g., `snake_game.html`). Then, you can open the file in a web browser, and the game should start automatically. Use the arrow keys on your smartphone's keyboard to control the snake and try to eat the red food squares without colliding with the boundaries or snake itself. Have fun!

←

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 in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

canvas {
            background-color: #fff;
            border: 1px solid #000;
            display: block;
            margin: 20px auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const gridSize = 20;
            const canvasSize = 20;
            const snake = [{ x: 10, y: 10 }];
            let dx = 0;
            let dy = 0;
            let food = getRandomFood();

function getRandomFood() {
                return {
                    x: Math.floor(Math.random() * canvasSize),
                    y: Math.floor(Math.random() * canvasSize)
                };
            }

function drawSnake() {
                context.fillStyle = 'green';
                snake.forEach(part => {
                    context.fillRect(part.x * gridSize, part.y * gridSize, gridSize, gridSize);
                });
            }

function drawFood() {
                context.fillStyle = 'red';
                context.fillRect(food.x * gridSize, food.y * gridSize, gridSize, gridSize);
            }

function clearCanvas() {
                context.clearRect(0, 0, canvasSize * gridSize, canvasSize * gridSize);
            }

function checkCollision() {
                const head = snake[0];
                if (
                    head.x < 0 || head.x >= canvasSize ||
                    head.y < 0 || head.y >= canvasSize ||
                    snake.some((part, index) => index !== 0 && part.x === head.x && part.y === head.y)
                ) {
                    return true;
                }
                return false;
            }

function handleArrowKeys(event) {
                const LEFT_KEY = 37;
                const UP_KEY = 38;
                const RIGHT_KEY = 39;
                const DOWN_KEY = 40;

const keyPressed = event.keyCode;
                const goingUp = dy === -1;
                const goingDown = dy === 1;
                const goingLeft = dx === -1;
                const goingRight = dx === 1;

if (keyPressed === LEFT_KEY && !goingRight) {
                    dx = -1;
                    dy = 0;
                }

if (keyPressed === UP_KEY && !goingDown) {
                    dx = 0;
                    dy = -1;
                }

if (keyPressed === RIGHT_KEY && !goingLeft) {
                    dx = 1;
                    dy = 0;
                }

if (keyPressed === DOWN_KEY && !goingUp) {
                    dx = 0;
                    dy = 1;
                }
            }

function gameLoop() {
                if (checkCollision()) {
                    alert('Game Over!');
                    return;
                }

clearCanvas();
                drawFood();
                moveSnake();
                drawSnake();
            }

setInterval(gameLoop, 100);
            document.addEventListener('keydown', handleArrowKeys);
        });
    </script>
</body>
</html>
```