Giant white slime emoji boss fight with white emoji attacks and you have to hit orange balls to decrease out his health he has five health in total your character is a orange diamond good luck's game

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

No:38549

←

Prev Next

→

Giant white slime emoji boss fight with white emoj..ALL
Developer User17401｜Date and time 24/1/25 1:06:13
Build time 31.859 sec｜Game capacity 9.095KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Giant Slime Emoji Boss Fight</title>
    <style>
        body {
            background-color: #000;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-family: Arial, sans-serif;
            color: #fff;
        }
        
        canvas {
            border: 2px solid #fff;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Key codes
        var KEY_LEFT_ARROW = 37;
        var KEY_RIGHT_ARROW = 39;
        var KEY_SPACEBAR = 32;
    
        // Player variables
        var PLAYER_SIZE = 16;
        var playerX = 200;
        var playerY = 350;

// Boss variables
        var BOSS_SIZE = 80;
        var bossX = 160;
        var bossY = 50;
        var bossHealth = 5;

// Bullet variables
        var bulletSpeed = 5;
        var playerBulletRadius = 6;
        var bossBulletRadius = 4;

// Initialize the game
        function initialize() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");

player = { 
                width: PLAYER_SIZE,
                height: PLAYER_SIZE,
                x: playerX,
                y: playerY,
                isMovingLeft: false,
                isMovingRight: false
            };

boss = {
                width: BOSS_SIZE,
                height: BOSS_SIZE,
                x: bossX,
                y: bossY,
                isMovingLeft: true,
                isMovingRight: false
            };

playerBullets = [];
            bossBullets = [];
            gameOver = false;
            gameWon = false;

document.addEventListener("keydown", handleKeyDown);
            document.addEventListener("keyup", handleKeyUp);

requestAnimationFrame(update);
        }

// Handle key down events
        function handleKeyDown(event) {
            if (event.keyCode === KEY_LEFT_ARROW) {
                player.isMovingLeft = true;
            }
            else if (event.keyCode === KEY_RIGHT_ARROW) {
                player.isMovingRight = true;
            }
            else if (event.keyCode === KEY_SPACEBAR) {
                // Shoot bullet
                playerBullets.push({ x: player.x + player.width / 2, y: player.y, radius: playerBulletRadius });
            }
        }

// Handle key up events
        function handleKeyUp(event) {
            if (event.keyCode === KEY_LEFT_ARROW) {
                player.isMovingLeft = false;
            }
            else if (event.keyCode === KEY_RIGHT_ARROW) {
                player.isMovingRight = false;
            }
        }

// Update game objects
        function update() {
            if (!gameOver) {
                movePlayer();
                moveBoss();
                updatePlayerBullets();
                updateBossBullets();
                checkBulletCollisions();
                checkPlayerBossCollisions();
                checkWinCondition();
    
                drawGame();
            }
            else {
                if (gameWon) {
                    drawGameWon();
                }
                else {
                    drawGameOver();
                }
            }
    
            requestAnimationFrame(update);
        }

// Move the player
        function movePlayer() {
            if (player.isMovingLeft) {
                player.x -= 5;
                if (player.x < 0) {
                    player.x = 0;
                }
            }

if (player.isMovingRight) {
                player.x += 5;
                if (player.x + player.width > canvas.width) {
                    player.x = canvas.width - player.width;
                }
            }
        }

// Move the boss
        function moveBoss() {
            if (boss.isMovingLeft) {
                boss.x -= 2;
                if (boss.x <= 0) {
                    boss.isMovingLeft = false;
                    boss.isMovingRight = true;
                }
            }
            else if (boss.isMovingRight) {
                boss.x += 2;
                if (boss.x + boss.width >= canvas.width) {
                    boss.isMovingLeft = true;
                    boss.isMovingRight = false;
                }
            }
        }

// Update player bullets
        function updatePlayerBullets() {
            for (var i = 0; i < playerBullets.length; i++) {
                var bullet = playerBullets[i];
                bullet.y -= bulletSpeed;
    
                if (bullet.y <= 0) {
                    playerBullets.splice(i, 1);
                    i--;
                }
            }
        }

// Update boss bullets
        function updateBossBullets() {
            for (var i = 0; i < bossBullets.length; i++) {
                var bullet = bossBullets[i];
                bullet.y += bulletSpeed;
    
                if (bullet.y >= canvas.height) {
                    bossBullets.splice(i, 1);
                    i--;
                }
            }
        }

// Check bullet collisions
        function checkBulletCollisions() {
            for (var i = 0; i < playerBullets.length; i++) {
                var bullet = playerBullets[i];
                if (
                    bullet.x >= boss.x && bullet.x <= boss.x + boss.width &&
                    bullet.y >= boss.y && bullet.y <= boss.y + boss.height
                    ) {
                    playerBullets.splice(i, 1);
                    i--;

bossHealth--;

if (bossHealth <= 0) {
                        gameOver = true;
                        gameWon = true;
                    }
                }
            }

for (var i = 0; i < bossBullets.length; i++) {
                var bullet = bossBullets[i];
                if (
                    bullet.x >= player.x && bullet.x <= player.x + player.width &&
                    bullet.y >= player.y && bullet.y <= player.y + player.height
                    ) {
                    bossBullets.splice(i, 1);
                    i--;

gameOver = true;
                }
            }
        }

// Check player-boss collision
        function checkPlayerBossCollisions() {
            if (
                player.x >= boss.x && player.x <= boss.x + boss.width &&
                player.y >= boss.y && player.y <= boss.y + boss.height
                ) {
                gameOver = true;
            }
        }

// Check win condition
        function checkWinCondition() {
            if (bossHealth <= 0) {
                gameOver = true;
                gameWon = true;
            }
        }

// Draw the game
        function drawGame() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            canvasContext.fillStyle = "#FFA500";
            canvasContext.fillRect(player.x, player.y, player.width, player.height);

// Draw boss
            canvasContext.fillStyle = "#ffffff";
            canvasContext.font = "64px Arial";
            canvasContext.fillText("👾", boss.x, boss.y);

// Draw player bullets
            canvasContext.fillStyle = "#FFA500";
            for (var i = 0; i < playerBullets.length; i++) {
                var bullet = playerBullets[i];
                canvasContext.beginPath();
                canvasContext.arc(bullet.x, bullet.y, bullet.radius, 0, Math.PI * 2);
                canvasContext.fill();
            }

// Draw boss bullets
            canvasContext.fillStyle = "#ffffff";
            for (var i = 0; i < bossBullets.length; i++) {
                var bullet = bossBullets[i];
                canvasContext.beginPath();
                canvasContext.arc(bullet.x, bullet.y, bullet.radius, 0, Math.PI * 2);
                canvasContext.fill();
            }

// Draw boss health
            canvasContext.fillStyle = "#ffffff";
            canvasContext.font = "24px Arial";
            canvasContext.fillText("Boss Health: " + bossHealth, 10, 390);
        }

// Draw game over screen
        function drawGameOver() {
            canvasContext.fillStyle = "#ff0000";
            canvasContext.font = "48px Arial";
            canvasContext.fillText("Game Over!", 100, 200);
        }

// Draw game won screen
        function drawGameWon() {
            canvasContext.fillStyle = "#00ff00";
            canvasContext.font = "48px Arial";
            canvasContext.fillText("You Won!", 120, 200);
        }

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