Un rpg 2d con questo eroe che deve salvare una principessa di nome doroty's game

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

No:47513

←

Prev Next

→

Un rpg 2d con questo eroe che deve salvare una pri..ALL
Developer User10250｜Date and time 24/2/28 6:04:23
Build time 7.46 sec｜Game capacity 2.083KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>RPG 2D - Salva la Principessa Dorothy!</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

const hero = {
            x: 50,
            y: 50,
            width: 50,
            height: 50,
            color: "#FF0000",
            speed: 5
        };

const princess = {
            x: 700,
            y: 500,
            width: 50,
            height: 50,
            color: "#FF69B4"
        };

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

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

function checkCollision() {
            if (hero.x < princess.x + princess.width &&
                hero.x + hero.width > princess.x &&
                hero.y < princess.y + princess.height &&
                hero.y + hero.height > princess.y) {
                alert("Hai salvato la Principessa Dorothy!");
            }
        }

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

drawHero();
            drawPrincess();
            checkCollision();
        }

function moveHero(e) {
            switch(e.key) {
                case "ArrowLeft":
                    hero.x -= hero.speed;
                    break;
                case "ArrowRight":
                    hero.x += hero.speed;
                    break;
                case "ArrowUp":
                    hero.y -= hero.speed;
                    break;
                case "ArrowDown":
                    hero.y += hero.speed;
                    break;
            }
        }

window.addEventListener("keydown", moveHero);

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