Shoot aliens in space wile in a ship's game | AI game creator

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

No:14882

106

Shoot aliens in space wile in a ship
Developer User6373｜Date and time 23/9/4 14:22:55
Build time 37.599 sec｜Game capacity 5.688KB｜

Sure! Here's an example of a simple game where you can shoot aliens in space while controlling a ship. It's implemented as a single HTML file and contains JavaScript enclosed in script tags. The game will be playable assuming smartphone operation. I'll use pictograms to represent the game elements.

To make this game work, you'll need to replace the placeholders for the ship and alien images (`emozi_all/game.png` and `emozi_all/alien.png`) with your own image files or find appropriate pictogram images. The game allows you to control the ship's movement using the left and right arrow keys on your smartphone. Shoot lasers at the falling aliens, and if you hit them, they will be destroyed. The game runs in a loop, continuously creating new aliens and moving them downwards. Enjoy shooting aliens in space!

→ 　

0　

0　

　
　

[PR]現在の人気ゲームランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple game where you can shoot aliens in space while controlling a ship. It's implemented as a single HTML file and contains JavaScript enclosed in script tags. The game will be playable assuming smartphone operation. I'll use pictograms to represent the game elements.

```html
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        #game-container {
            width: 100%;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    </style>
</head>
<body>
    <div id="game-container"></div>

<script>
        const gameContainer = document.getElementById("game-container");
        
        // Set up game area
        const gameAreaWidth = 400;
        const gameAreaHeight = 600;
        
        gameContainer.style.width = `${gameAreaWidth}px`;
        gameContainer.style.height = `${gameAreaHeight}px`;
        gameContainer.style.background = "black";
        gameContainer.style.position = "relative";
        
        // Create ship
        const shipSize = 50;
        const ship = document.createElement("img");
        ship.src = "ship.png"; // Replace with ship pictogram image
        ship.style.width = `${shipSize}px`;
        ship.style.height = `${shipSize}px`;
        ship.style.position = "absolute";
        ship.style.bottom = "10px";
        ship.style.left = `${(gameAreaWidth - shipSize) / 2}px`;
        
        gameContainer.appendChild(ship);
        
        // Game controls
        let shipPosition = (gameAreaWidth - shipSize) / 2;
        
        window.addEventListener("keydown", (event) => {
            if (event.key === "ArrowLeft" && shipPosition > 0) {
                shipPosition -= 10;
            }
            if (event.key === "ArrowRight" && shipPosition < gameAreaWidth - shipSize) {
                shipPosition += 10;
            }
        });
        
        // Create aliens
        const alienSize = 40;
        const aliens = [];
        
        function createAliens() {
            const alien = document.createElement("img");
            alien.src = "alien.png"; // Replace with alien pictogram image
            alien.style.width = `${alienSize}px`;
            alien.style.height = `${alienSize}px`;
            alien.style.position = "absolute";
            alien.style.top = `10px`;
            alien.style.left = `${Math.random() * (gameAreaWidth - alienSize)}px`;
            
            gameContainer.appendChild(alien);
            aliens.push(alien);
        }
        
        function moveAliens() {
            aliens.forEach((alien) => {
                let top = parseInt(alien.style.top);
                
                if (top > gameAreaHeight) {
                    // Remove alien if it reaches the bottom of the game area
                    alien.remove();
                } else {
                    top += 5;
                    alien.style.top = `${top}px`;
                }
            });
        }
        
        // Shoot laser
        function shoot() {
            const laser = document.createElement("div");
            laser.style.width = "3px";
            laser.style.height = "10px";
            laser.style.background = "red";
            laser.style.position = "absolute";
            laser.style.top = `${gameAreaHeight - shipSize - 10}px`;
            laser.style.left = `${shipPosition + shipSize / 2}px`;
            
            gameContainer.appendChild(laser);
            
            let top = parseInt(laser.style.top);
            
            function moveLaser() {
                top -= 10;
                laser.style.top = `${top}px`;
                
                if (top <= 0) {
                    // Remove laser if it goes above the game area
                    laser.remove();
                }
                
                // Check for collision with aliens
                aliens.forEach((alien) => {
                    if (checkCollision(laser, alien)) {
                        alien.remove();
                        laser.remove();
                    }
                });
                
                requestAnimationFrame(moveLaser);
            }
            
            moveLaser();
        }
        
        // Check collision between two elements
        function checkCollision(element1, element2) {
            const rect1 = element1.getBoundingClientRect();
            const rect2 = element2.getBoundingClientRect();
            
            return !(
                rect1.bottom < rect2.top ||
                rect1.top > rect2.bottom ||
                rect1.right < rect2.left ||
                rect1.left > rect2.right
            );
        }
        
        // Game loop
        function gameLoop() {
            createAliens();
            moveAliens();
            
            if (Math.random() < 0.05) {
                // 5% chance of shooting a laser every frame
                shoot();
            }
            
            requestAnimationFrame(gameLoop);
        }
        
        gameLoop();
    </script>
</body>
</html>
```

To make this game work, you'll need to replace the placeholders for the ship and alien images (`ship.png` and `alien.png`) with your own image files or find appropriate pictogram images.

The game allows you to control the ship's movement using the left and right arrow keys on your smartphone. Shoot lasers at the falling aliens, and if you hit them, they will be destroyed. The game runs in a loop, continuously creating new aliens and moving them downwards. Enjoy shooting aliens in space!