Shooter space game with space ships you have to shoot's game

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

No:33414

←

Prev Next

→

Shooter space game with space ships you have to sh..ALL
Developer User15755｜Date and time 24/1/4 3:53:28
Build time 32.981 sec｜Game capacity 5.341KB｜

Script

Sure! Here's an example of a simple space shooter game using JavaScript, HTML, and pictograms. Remember to save the following code as a single HTML file:

This code sets up a simple space shooter game where you control a blue spaceship with left and right arrow keys on a smartphone. You can shoot bullets by pressing the spacebar, and you must shoot down the green enemy spaceships to increase your score. The game ends if an enemy spaceship collides with your spaceship. Enjoy playing!

←

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 space shooter game using JavaScript, HTML, and pictograms. Remember to save the following code as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        canvas {
            background: black;
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="game" width="480" height="320"></canvas>
    
    <script>
        // Game initialization
        const canvas = document.getElementById('game');
        const context = canvas.getContext('2d');
        
        const player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 32,
            height: 32,
            speed: 5,
            isMovingLeft: false,
            isMovingRight: false
        };
        
        const bullets = [];
        const enemies = [];
        let score = 0;
        
        // Event listeners for player movement
        document.addEventListener('keydown', function(event) {
            if (event.code === 'ArrowLeft') {
                player.isMovingLeft = true;
            } else if (event.code === 'ArrowRight') {
                player.isMovingRight = true;
            } else if (event.code === 'Space') {
                bullets.push({
                    x: player.x + player.width / 2 - 2,
                    y: player.y,
                    width: 4,
                    height: 10,
                    speed: 7
                });
            }
        });
        
        document.addEventListener('keyup', function(event) {
            if (event.code === 'ArrowLeft') {
                player.isMovingLeft = false;
            } else if (event.code === 'ArrowRight') {
                player.isMovingRight = false;
            }
        });
        
        // Game loop
        function update() {
            // Player movement
            if (player.isMovingLeft) {
                player.x -= player.speed;
            } else if (player.isMovingRight) {
                player.x += player.speed;
            }
            
            // Bullet movement and collision detection with enemies
            for (let i = bullets.length - 1; i >= 0; i--) {
                bullets[i].y -= bullets[i].speed;
                
                if (bullets[i].y < 0) {
                    bullets.splice(i, 1);
                    continue;
                }
                
                for (let j = enemies.length - 1; j >= 0; j--) {
                    if (isColliding(bullets[i], enemies[j])) {
                        enemies.splice(j, 1);
                        bullets.splice(i, 1);
                        score += 10;
                        break;
                    }
                }
            }
            
            // Enemy movement and collision detection with player
            for (let i = enemies.length - 1; i >= 0; i--) {
                enemies[i].y += enemies[i].speed;
                
                if (enemies[i].y + enemies[i].height > canvas.height) {
                    enemies.splice(i, 1);
                    continue;
                }
                
                if (isColliding(player, enemies[i])) {
                    // Game Over
                    alert('Game Over! Your Score: ' + score);
                    location.reload();
                }
            }
            
            // Spawn new enemies randomly
            if (Math.random() < 0.01) {
                enemies.push({
                    x: Math.random() * (canvas.width - 30),
                    y: -30,
                    width: 30,
                    height: 30,
                    speed: 2
                });
            }
            
            // Rendering
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            context.fillStyle = 'white';
            context.font = '20px Arial';
            context.fillText('Score: ' + score, 10, 30);
            
            context.fillStyle = 'blue';
            context.fillRect(player.x, player.y, player.width, player.height);
            
            context.fillStyle = 'red';
            bullets.forEach(function(bullet) {
                context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
            });
            
            context.fillStyle = 'green';
            enemies.forEach(function(enemy) {
                context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
            });
            
            requestAnimationFrame(update);
        }
        
        // Helper function to check collision
        function isColliding(rect1, rect2) {
            return rect1.x < rect2.x + rect2.width &&
                rect1.x + rect1.width > rect2.x &&
                rect1.y < rect2.y + rect2.height &&
                rect1.y + rect1.height > rect2.y;
        }
        
        update(); // Start the game loop
    </script>
</body>
</html>
```