Make a dungeon base game where I'm the dudgeon. Master and the town folk, keep on invading me's game

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

No:47580

←

Prev Next

→

Make a dungeon base game where I'm the dudgeon. Ma..ALL
Developer User20489｜Date and time 24/2/28 14:51:33
Build time 10.852 sec｜Game capacity 2.325KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Dungeon Master Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        let canvas = document.getElementById("gameCanvas");
        let ctx = canvas.getContext("2d");

let dungeonMasterX = 400;
        let dungeonMasterY = 300;
        let invaders = [];

canvas.addEventListener("mousemove", function(event) {
            dungeonMasterX = event.clientX - canvas.getBoundingClientRect().left;
            dungeonMasterY = event.clientY - canvas.getBoundingClientRect().top;
        });

function spawnInvaders() {
            let invader = {
                x: Math.random() * (canvas.width - 50),
                y: 0,
                speed: Math.random() * 2 + 1
            };
            invaders.push(invader);
        }

function drawDungeonMaster() {
            ctx.fillStyle = "black";
            ctx.fillRect(dungeonMasterX - 25, dungeonMasterY - 25, 50, 50);
        }

function drawInvaders() {
            ctx.fillStyle = "red";
            for (let i = 0; i < invaders.length; i++) {
                ctx.fillRect(invaders[i].x, invaders[i].y, 50, 50);
            }
        }

function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

spawnInvaders();

for (let i = 0; i < invaders.length; i++) {
                invaders[i].y += invaders[i].speed;

if (invaders[i].y > canvas.height) {
                    invaders.splice(i, 1);
                }

if (invaders.length === 0) {
                    alert("Congratulations! You defended the dungeon successfully!");
                    window.location.reload();
                }

if (invaders[i].x < dungeonMasterX + 25 &&
                    invaders[i].x + 50 > dungeonMasterX - 25 &&
                    invaders[i].y < dungeonMasterY + 25 &&
                    invaders[i].y + 50 > dungeonMasterY - 25) {
                    alert("Game over! The invaders have conquered the dungeon!");
                    window.location.reload();
                }
            }

drawDungeonMaster();
            drawInvaders();
        }

setInterval(updateGame, 1000 / 60);
    </script>
</body>
</html>