AI game creator

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

No:20073

←

Prev Next

→

Art challenges
Developer User7723｜Date and time 23/10/8 5:53:40
Build time 14.604 sec｜Game capacity 4.003KB｜

Script

Alright! Here's an example of a simple game implemented as a single HTML file using JavaScript. In this game, you are a spaceship trying to avoid asteroids. It's designed for smartphone operation and includes pictograms for a fun visual experience.

This game features a spaceship controlled by touch gestures to avoid asteroids. You can play it by opening the HTML file on your smartphone, and touching the left half of the screen to move the ship left, or the right half of the screen to move the ship right. The game will end if the ship collides with any of the asteroids. Have fun!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Asteroid Dodge Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        // Game variables
        var canvas, ctx, ship, asteroids, intervalId;

// Initialize game
        function initializeGame() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

// Create ship
            ship = {
                x: canvas.width / 2,
                y: canvas.height - 50,
                width: 50,
                height: 50,
                speed: 5
            };

// Create asteroids
            asteroids = [];
            for (var i = 0; i < 5; i++) {
                var asteroid = {
                    x: Math.random() * (canvas.width - 50),
                    y: -50 - (Math.random() * 200),
                    width: 50,
                    height: 50,
                    speed: Math.random() * 2 + 1
                };
                asteroids.push(asteroid);
            }

// Start game loop
            intervalId = setInterval(updateGame, 20);

// Add touch event listeners for ship control
            canvas.addEventListener("touchstart", onTouchStart, false);
            canvas.addEventListener("touchend", onTouchEnd, false);
        }

// Update game state
        function updateGame() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move ship
            if (ship.left) {
                ship.x -= ship.speed;
            }
            if (ship.right) {
                ship.x += ship.speed;
            }

// Draw ship
            ctx.fillStyle = "#00ff00";
            ctx.fillRect(ship.x, ship.y, ship.width, ship.height);

// Move asteroids and check collision with ship
            for (var i = 0; i < asteroids.length; i++) {
                var asteroid = asteroids[i];
                asteroid.y += asteroid.speed;
                if (checkCollision(ship, asteroid)) {
                    clearInterval(intervalId);
                    alert("Game Over!");
                    return;
                }
                // Draw asteroid
                ctx.fillStyle = "#ff0000";
                ctx.fillRect(asteroid.x, asteroid.y, asteroid.width, asteroid.height);
            }
        }

// Check collision between two objects
        function checkCollision(obj1, obj2) {
            return obj1.x < obj2.x + obj2.width &&
                   obj1.x + obj1.width > obj2.x &&
                   obj1.y < obj2.y + obj2.height &&
                   obj1.y + obj1.height > obj2.y;
        }

// Event listener functions for ship control
        function onTouchStart(event) {
            var touchX = event.changedTouches[0].pageX;
            if (touchX < ship.x + ship.width / 2) {
                ship.left = true;
            } else {
                ship.right = true;
            }
        }

function onTouchEnd(event) {
            ship.left = false;
            ship.right = false;
        }

// Initialize game on page load
        window.onload = initializeGame;
    </script>
</body>
</html>
```