Shooting aliens game's game

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

No:10810

←

Prev Next

→

Shooting aliens game
Developer User4492｜Date and time 23/8/3 7:03:32
Build time 37.748 sec｜Game capacity 5.416KB｜

Script

Sure! Here's a simple shooting aliens game implemented as a single HTML file using JavaScript. It's designed to be played on a smartphone and uses pictograms for visual elements.

Note: This code assumes you have images representing the spaceship, alien, and bullet, and you need to replace the image source URLs (`emozi_all/spaceship.png`, `emozi_all/alien.png`, `emozi_rabbit.png`) with the actual URLs or file references of those images.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Sure! Here's a simple shooting aliens game implemented as a single HTML file using JavaScript. It's designed to be played on a smartphone and uses pictograms for visual elements.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Aliens Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Pictograms
        var spaceshipImg = new Image();
        spaceshipImg.src = 'spaceship.png';
        var alienImg = new Image();
        alienImg.src = 'alien.png';
        var bulletImg = new Image();
        bulletImg.src = 'bullet.png';

// Game initialization
        function init() {
            canvas = document.getElementById('gameCanvas');
            ctx = canvas.getContext('2d');

spaceship = {
                x: canvas.width / 2,
                y: canvas.height - 50,
                width: 50,
                height: 50,
                speed: 10
            };

aliens = [];
            bullets = [];

score = 0;

canvas.addEventListener('touchstart', onTouchStart);
            canvas.addEventListener('touchmove', onTouchMove);
            canvas.addEventListener('touchend', onTouchEnd);

spawnAliens();

setInterval(update, 16.67); // 60 FPS
        }

// Functions for touch events
        function onTouchStart(event) {
            event.preventDefault();
            bullets.push({ x: spaceship.x + spaceship.width / 2, y: spaceship.y, width: 10, height: 10 });
        }

function onTouchMove(event) {
            event.preventDefault();
            spaceship.x = event.touches[0].clientX - canvas.offsetLeft - spaceship.width / 2;
        }

function onTouchEnd(event) {
            event.preventDefault();
            bullets.pop();
        }

// Game loop
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawSpaceship();
            drawAliens();
            drawBullets();
            checkCollision();

moveAliens();
            moveBullets();

requestAnimationFrame(update);
        }

// Spawn new aliens
        function spawnAliens() {
            aliens = [];
            for (var i = 0; i < 10; i++) {
                var alien = {
                    x: Math.random() * (canvas.width - 50),
                    y: Math.random() * 50 + 10,
                    width: 40,
                    height: 40,
                    speed: Math.random() + 1
                };
                aliens.push(alien);
            }
        }

// Draw spaceship
        function drawSpaceship() {
            ctx.drawImage(spaceshipImg, spaceship.x, spaceship.y, spaceship.width, spaceship.height);
        }

// Draw aliens
        function drawAliens() {
            for (var i = 0; i < aliens.length; i++) {
                var alien = aliens[i];
                ctx.drawImage(alienImg, alien.x, alien.y, alien.width, alien.height);
            }
        }

// Draw bullets
        function drawBullets() {
            for (var i = 0; i < bullets.length; i++) {
                var bullet = bullets[i];
                ctx.drawImage(bulletImg, bullet.x, bullet.y, bullet.width, bullet.height);
            }
        }

// Move aliens
        function moveAliens() {
            for (var i = 0; i < aliens.length; i++) {
                var alien = aliens[i];
                alien.y += alien.speed;

if (alien.y > canvas.height) {
                    alien.x = Math.random() * (canvas.width - 50);
                    alien.y = Math.random() * 50 + 10;
                    score -= 10;
                }
            }
        }

// Move bullets
        function moveBullets() {
            for (var i = 0; i < bullets.length; i++) {
                var bullet = bullets[i];
                bullet.y -= 10;

if (bullet.y < 0) {
                    bullets.pop();
                }
            }
        }

// Check collision between bullets and aliens
        function checkCollision() {
            for (var i = 0; i < aliens.length; i++) {
                var alien = aliens[i];

for (var j = 0; j < bullets.length; j++) {
                    var bullet = bullets[j];

if (
                        bullet.x < alien.x + alien.width &&
                        bullet.x + bullet.width > alien.x &&
                        bullet.y < alien.y + alien.height &&
                        bullet.y + bullet.height > alien.y
                    ) {
                        aliens.splice(i, 1);
                        bullets.splice(j, 1);
                        score += 10;
                        break;
                    }
                }
            }
        }

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

Note: This code assumes you have images representing the spaceship, alien, and bullet, and you need to replace the image source URLs (`spaceship.png`, `alien.png`, `bullet.png`) with the actual URLs or file references of those images.