Un jeu complet qui dure au moins 1heure qui contient des monstres et une machine qui permet de changer d'apparence's game

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

No:50244

←

Prev Next

→

Un jeu complet qui dure au moins 1heure qui contie..ALL
Developer User21282｜Date and time 24/3/8 6:32:52
Build time 7.532 sec｜Game capacity 2.74KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Monster Game</title>
</head>

let player = {
            x: 50,
            y: 50,
            width: 50,
            height: 50,
            color: 'blue'
        };

let monster = {
            x: 700,
            y: 500,
            width: 50,
            height: 50,
            color: 'red'
        };

let machine = {
            x: 400,
            y: 300,
            width: 50,
            height: 50,
            color: 'green'
        };

let isTransformed = false;

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

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

function drawMachine() {
            ctx.fillStyle = machine.color;
            ctx.fillRect(machine.x, machine.y, machine.width, machine.height);
        }

function drawGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawMonster();
            drawMachine();
        }

function checkCollision() {
            if (player.x < monster.x + monster.width &&
                player.x + player.width > monster.x &&
                player.y < monster.y + monster.height &&
                player.y + player.height > monster.y) {
                alert('Game Over! You were caught by the monster.');
            }

if (player.x < machine.x + machine.width &&
                player.x + player.width > machine.x &&
                player.y < machine.y + machine.height &&
                player.y + player.height > machine.y) {
                transformPlayer();
            }
        }

function updateGame() {
            checkCollision();
            drawGame();

requestAnimationFrame(updateGame);
        }

updateGame();
    </script>
</body>

</html>