AI game creator

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

No:39736

153

←

Prev Next

→

Snake vs packman
Developer User17462｜Date and time 24/1/30 1:28:24
Build time 20.871 sec｜Game capacity 4.028KB｜

Script

Sure! Here's an example of a simple Snake vs Pacman game implemented as a single HTML file using JavaScript:

To play the game, you can open the HTML file in a web browser on your smartphone. The game features a snake represented by a green square and an apple represented by a red square. Use the arrow keys or the 'W', 'A', 'S', 'D' keys to control the snake. The objective is to eat the apple without colliding with the edges of the screen or the snake's own body.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's an example of a simple Snake vs Pacman game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake vs Pacman</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        canvas {
            background-color: #000;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialize the game
        function gameInit() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");

setInterval(gameLoop, 1000 / 10); // 10 FPS

document.addEventListener("keydown", keyPressed);
        }

// Main game loop
        function gameLoop() {
            update();
            draw();
        }

// Update game objects
        function update() {
            snakeX += xSpeed;
            snakeY += ySpeed;

// Wrap snake around the screen
            if (snakeX < 0) {
                snakeX = canvas.width / gridSize - 1;
            }
            if (snakeX >= canvas.width / gridSize) {
                snakeX = 0;
            }
            if (snakeY < 0) {
                snakeY = canvas.height / gridSize - 1;
            }
            if (snakeY >= canvas.height / gridSize) {
                snakeY = 0;
            }

// Check collision with apple
            if (snakeX == appleX && snakeY == appleY) {
                appleX = Math.floor(Math.random() * (canvas.width / gridSize));
                appleY = Math.floor(Math.random() * (canvas.height / gridSize));
            }
        }

// Draw game objects
        function draw() {
            // Clear the canvas
            canvasContext.fillStyle = "#000";
            canvasContext.fillRect(0, 0, canvas.width, canvas.height);

// Draw the snake
            canvasContext.fillStyle = "#0f0";
            canvasContext.fillRect(snakeX * gridSize, snakeY * gridSize, gridSize, gridSize);

// Draw the apple
            canvasContext.fillStyle = "#f00";
            canvasContext.fillRect(appleX * gridSize, appleY * gridSize, gridSize, gridSize);

// Draw scores
            canvasContext.fillStyle = "#fff";
            canvasContext.font = "20px Arial";
            canvasContext.fillText("Snake vs Pacman", 10, 30);
        }

// Handle key presses
        function keyPressed(event) {
            switch (event.keyCode) {
                // Arrow up or 'W' key
                case 38:
                case 87:
                    xSpeed = 0;
                    ySpeed = -1;
                    break;
                // Arrow down or 'S' key
                case 40:
                case 83:
                    xSpeed = 0;
                    ySpeed = 1;
                    break;
                // Arrow left or 'A' key
                case 37:
                case 65:
                    xSpeed = -1;
                    ySpeed = 0;
                    break;
                // Arrow right or 'D' key
                case 39:
                case 68:
                    xSpeed = 1;
                    ySpeed = 0;
                    break;
            }
        }

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