Защищай дом от монстров и других существ стреляя в них's game

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

No:46412

←

Prev Next

→

Защищай дом от монстров и других существ стреляя в..ALL
Developer User20070｜Date and time 24/2/24 20:26:03
Build time 6.376 sec｜Game capacity 2.22KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Monster Defense Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="600" height="400"></canvas>

const player = {
            x: 50,
            y: canvas.height / 2,
            width: 20,
            height: 20,
            speed: 5
        };

const monsters = [];

canvas.addEventListener('mousemove', (event) => {
            player.y = event.clientY;
        });

function createMonster() {
            const monster = {
                x: canvas.width,
                y: Math.random() * canvas.height,
                width: 20,
                height: 20,
                speed: Math.random() * 3 + 1
            };

monsters.push(monster);
        }

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function drawMonster(monster) {
            ctx.fillStyle = 'red';
            ctx.fillRect(monster.x, monster.y, monster.width, monster.height);
        }

function updatePlayer() {
            if (player.y < 0) {
                player.y = 0;
            }
            if (player.y + player.height > canvas.height) {
                player.y = canvas.height - player.height;
            }
        }

function updateMonsters() {
            for (let i = 0; i < monsters.length; i++) {
                monsters[i].x -= monsters[i].speed;

if (monsters[i].x + monsters[i].width < 0) {
                    monsters.splice(i, 1);
                }
            }
        }

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

drawPlayer();

for (let monster of monsters) {
                drawMonster(monster);
            }
        }

function gameLoop() {
            createMonster();
            updatePlayer();
            updateMonsters();
            draw();

requestAnimationFrame(gameLoop);
        }

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