A horror game where there is player and an enemy following you When the two collide a message will appear saying ‘ded’'s game

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

No:52665

154

←

Prev Next

→

A horror game where there is player and an enemy f..ALL
Developer User22097｜Date and time 24/3/24 1:19:49
Build time 7.21 sec｜Game capacity 1.618KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Horror Game</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

const player = {
            x: 50,
            y: 50,
            size: 20,
            speed: 3
        };

const enemy = {
            x: 200,
            y: 200,
            size: 30,
            speed: 2
        };

function drawPlayer() {
            ctx.fillStyle = "green";
            ctx.fillRect(player.x, player.y, player.size, player.size);
        }

function drawEnemy() {
            ctx.fillStyle = "red";
            ctx.fillRect(enemy.x, enemy.y, enemy.size, enemy.size);
        }

function checkCollision() {
            if (player.x < enemy.x + enemy.size &&
                player.x + player.size > enemy.x &&
                player.y < enemy.y + enemy.size &&
                player.y + player.size > enemy.y) {
                alert("ded");
            }
        }

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

drawPlayer();
            drawEnemy();
            checkCollision();

player.x += player.speed;
            if (player.x > canvas.width) {
                player.x = 0;
            }

enemy.x -= enemy.speed;
            if (enemy.x < 0) {
                enemy.x = canvas.width;
            }

requestAnimationFrame(update);
        }

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