A space shooter boss fight with emojis's game

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

No:15458

←

Prev Next

→

A space shooter boss fight with emojis
Developer User6707｜Date and time 23/9/9 9:34:08
Build time 20.349 sec｜Game capacity 3.969KB｜

Script

Sure, here's a simple implementation of a space shooter boss fight using emojis. The game will be controlled through touch events on a smartphone.

This implementation sets up a canvas for the game graphics, creates the player and boss objects with their respective properties, handles touch events for shooting bullets, and defines functions for drawing, moving bullets, checking collision, and resetting the game. The game loop function is responsible for updating the game state and rendering the graphics continuously using `requestAnimationFrame()`. The player shoots bullets by tapping on the canvas, and if the bullets collide with the boss, its health decreases. Once the boss's health reaches zero, a victory message is displayed, and the game can be reset by reloading the page.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure, here's a simple implementation of a space shooter boss fight using emojis. The game will be controlled through touch events on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Space Shooter Boss Fight!</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Set canvas dimensions
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Player spaceship
        const player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            color: "🚀"
        }

// Boss spaceship
        const boss = {
            x: canvas.width / 2,
            y: 50,
            width: 100,
            height: 100,
            color: "👽",
            health: 100
        }

// Player bullets
        const bullets = [];

// Touch event handlers
        canvas.addEventListener("touchstart", shoot);

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

drawPlayer();
            drawBoss();
            moveBullets();
            checkCollision();

requestAnimationFrame(gameLoop);
        }

function drawPlayer() {
            ctx.font = "40px sans-serif";
            ctx.fillText(player.color, player.x, player.y);
        }

function drawBoss() {
            ctx.font = "60px sans-serif";
            ctx.fillText(boss.color, boss.x, boss.y);
            ctx.fillText("❤️".repeat(boss.health / 10), boss.x - boss.width / 2, boss.y + boss.height);
        }

function shoot(event) {
            const bullet = {
                x: player.x + player.width / 2,
                y: player.y,
                width: 5,
                height: 20,
                color: "🔫"
            }
            bullets.push(bullet);
        }

function moveBullets() {
            bullets.forEach(bullet => {
                bullet.y -= 5;
                ctx.font = "25px sans-serif";
                ctx.fillText(bullet.color, bullet.x, bullet.y);
            });

bullets.forEach((bullet, index) => {
                if (bullet.y < 0) {
                    bullets.splice(index, 1);
                }
            });
        }

function checkCollision() {
            bullets.forEach((bullet, bulletIndex) => {
                if (
                    bullet.x < boss.x + boss.width &&
                    bullet.x + bullet.width > boss.x &&
                    bullet.y < boss.y + boss.height &&
                    bullet.y + bullet.height > boss.y
                ) {
                    boss.health -= 10;
                    bullets.splice(bulletIndex, 1);
                }
            });

if (boss.health <= 0) {
                alert("You win!");
                resetGame();
            }
        }

function resetGame() {
            boss.health = 100;
        }

gameLoop();
    </script>
</body>
</html>
```