A first person boss fight against a old purple mushroom monster with a fishing rod to hurt it you must have it fish up a bomb and explodes's game

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

No:16342

112

←

Prev Next

→

A first person boss fight against a old purple mus..ALL
Developer User7244｜Date and time 23/9/17 11:57:46
Build time 33.819 sec｜Game capacity 5.991KB｜

Script

Sure! Here's an example of a basic first-person boss fight game against an old purple mushroom monster with a fishing rod. The player needs to make the monster fish up a bomb to hurt it. The game is optimized for smartphone operation and uses pictograms where possible. The entire game is enclosed within script tags and written as a single HTML file.

To play the game, simply copy the above code and save it as an HTML file. Open the file in a web browser, and the game will start automatically. The player (green square) can be moved left and right using the arrow keys. Press the spacebar to throw the fishing rod and try to hit the purple mushroom boss. Once the bomb explodes near the boss, its health will diminish. Reach zero health to win the game.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Purple Mushroom Boss Fight</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #000;
        }
        canvas {
            display: block;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

const playerSize = 50;
            const bossSize = 150;

let playerX = canvasWidth / 2 - playerSize / 2;
            let playerY = canvasHeight - playerSize;
            let bossX = canvasWidth / 2 - bossSize / 2;
            let bossY = bossSize;

let fishingRodVisible = false;
            let bombVisible = false;
            let bombX, bombY;
            let bombExplosion = false;
            let bossHealth = 100;

function drawPlayer() {
                ctx.fillStyle = "green";
                ctx.fillRect(playerX, playerY, playerSize, playerSize);
            }

function drawBoss() {
                ctx.fillStyle = "purple";
                ctx.fillRect(bossX, bossY, bossSize, bossSize);
            }

function drawFishingRod() {
                if (fishingRodVisible) {
                    ctx.fillStyle = "gray";
                    ctx.fillRect(
                        playerX + playerSize / 2 - 5,
                        playerY - 20,
                        10,
                        playerSize - 10
                    );
                }
            }

function drawBomb() {
                if (bombVisible) {
                    ctx.fillStyle = "red";
                    ctx.fillRect(bombX, bombY, 20, 20);
                }
            }

function drawExplosion() {
                if (bombExplosion) {
                    ctx.fillStyle = "orange";
                    ctx.fillRect(bombX - 50, bombY - 50, 120, 120);
                }
            }

function drawHealthBar() {
                ctx.fillStyle = "red";
                ctx.fillRect(50, 50, (bossHealth / 100) * (canvasWidth - 100), 20);
            }

function checkCollision(objX, objY, objSize) {
                if (
                    playerX + playerSize > objX &&
                    playerX < objX + objSize &&
                    playerY + playerSize > objY &&
                    playerY < objY + objSize
                ) {
                    return true;
                }
                return false;
            }

function throwBomb() {
                if (fishingRodVisible && !bombVisible) {
                    bombX = playerX + playerSize / 2 - 10;
                    bombY = playerY - 20;
                    bombVisible = true;
                    setTimeout(explodeBomb, 1000);
                }
            }

function update() {
                ctx.clearRect(0, 0, canvasWidth, canvasHeight);
                drawPlayer();
                drawBoss();
                drawFishingRod();
                drawBomb();
                drawExplosion();
                drawHealthBar();

if (bossHealth <= 0) {
                    ctx.font = "bold 60px Arial";
                    ctx.fillStyle = "white";
                    ctx.textAlign = "center";
                    ctx.fillText("You Win!", canvasWidth / 2, canvasHeight / 2);
                } else {
                    requestAnimationFrame(update);
                }
            }

update();
        };
    </script>
</body>
</html>
```