AI game creator

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

No:6539

148

←

Prev Next

→

Retro Game
Developer TimoshQ｜Date and time 23/7/2 18:51:46
Build time 35.965 sec｜Game capacity 5.327KB｜

Script

Sure, here's a simple retro game implemented as a single HTML file with JavaScript. This game involves a spaceship shooting down asteroids.

You can copy this code into an HTML file and open it in a web browser to play the retro game. The game involves controlling a spaceship using mouse movement and shooting down asteroids to score points. The game will end if the spaceship collides with an asteroid.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure, here's a simple retro game implemented as a single HTML file with JavaScript. This game involves a spaceship shooting down asteroids.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Retro Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Game variables
        var canvas;
        var canvasContext;
        var spaceship;
        var asteroids = [];
        var score = 0;
        
        // Initialize the game
        function gameInit() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            
            spaceship = {
                x: canvas.width / 2,
                y: canvas.height - 50,
                width: 20,
                height: 20,
                speed: 5
            };
            
            asteroids.push({
                x: Math.random() * (canvas.width - 30) + 15,
                y: -10,
                width: 20,
                height: 20,
                speed: Math.random() * 2 + 1
            });
            
            canvas.addEventListener('mousemove', function(e) {
                var rect = canvas.getBoundingClientRect();
                spaceship.x = e.clientX - rect.left - spaceship.width / 2;
            });
            
            gameLoop();
        }
        
        // Game update loop
        function gameLoop() {
            update();
            draw();
            
            requestAnimationFrame(gameLoop);
        }
        
        // Update game logic
        function update() {
            // Move the spaceship
            if (spaceship.x <= 0) {
                spaceship.x = 0;
            } else if (spaceship.x >= canvas.width - spaceship.width) {
                spaceship.x = canvas.width - spaceship.width;
            }
            
            // Move and check collisions with asteroids
            for (var i = 0; i < asteroids.length; i++) {
                var asteroid = asteroids[i];
                asteroid.y += asteroid.speed;
                
                if (asteroid.y >= canvas.height) {
                    asteroids.splice(i, 1);
                } else {
                    if (checkCollision(spaceship, asteroid)) {
                        // Game over
                        alert('Game over');
                        score = 0;
                        asteroids = [];
                        gameInit();
                    }
                }
            }
            
            // Check collision between spaceship and asteroids
            for (var i = 0; i < asteroids.length; i++) {
                if (checkCollision(spaceship, asteroids[i])) {
                    // Game over
                    alert('Game over');
                    score = 0;
                    asteroids = [];
                    gameInit();
                }
            }
            
            // Check if spaceship shoots down an asteroid
            for (var i = 0; i < asteroids.length; i++) {
                var asteroid = asteroids[i];
                
                if (asteroid.y >= spaceship.y && asteroid.y <= spaceship.y + spaceship.height) {
                    if (asteroid.x >= spaceship.x && asteroid.x <= spaceship.x + spaceship.width) {
                        score += 10;
                        asteroids.splice(i, 1);
                        break;
                    }
                }
            }
            
            // Spawn new asteroids
            if (Math.random() < 0.01) {
                asteroids.push({
                    x: Math.random() * (canvas.width - 30) + 15,
                    y: -10,
                    width: 20,
                    height: 20,
                    speed: Math.random() * 2 + 1
                });
            }
        }
        
        // Draw game
        function draw() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw spaceship
            canvasContext.fillStyle = '#FF0000';
            canvasContext.fillRect(spaceship.x, spaceship.y, spaceship.width, spaceship.height);
            
            // Draw asteroids
            for (var i = 0; i < asteroids.length; i++) {
                canvasContext.fillStyle = '#0000FF';
                canvasContext.fillRect(asteroids[i].x, asteroids[i].y, asteroids[i].width, asteroids[i].height);
            }
            
            // Draw score
            canvasContext.fillStyle = '#000000';
            canvasContext.fillText('Score: ' + score, 10, 20);
        }
        
        // Check collision between two objects
        function checkCollision(obj1, obj2) {
            if (obj1.x < obj2.x + obj2.width && obj1.x + obj1.width > obj2.x &&
                obj1.y < obj2.y + obj2.height && obj1.y + obj1.height > obj2.y) {
                return true;
            }
            return false;
        }
        
        // Start the game
        gameInit();
    </script>
</body>
</html>
```