AI game creator

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

No:52012

←

Prev Next

→

Rpg de mineração
Developer User19080｜Date and time 24/3/17 10:28:36
Build time 5.29 sec｜Game capacity 2.089KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>RPG de Mineração</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let player = {
            x: 50,
            y: 50,
            size: 30,
            color: 'blue'
        };

let rocks = [];
        for (let i = 0; i < 5; i++) {
            let rock = {
                x: Math.random() * 750,
                y: Math.random() * 550,
                size: 20,
                color: 'gray'
            };
            rocks.push(rock);
        }

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

function drawRocks() {
            rocks.forEach(rock => {
                ctx.fillStyle = rock.color;
                ctx.fillRect(rock.x, rock.y, rock.size, rock.size);
            });
        }

function checkCollision() {
            rocks.forEach(rock => {
                if (player.x < rock.x + rock.size &&
                    player.x + player.size > rock.x &&
                    player.y < rock.y + rock.size &&
                    player.y + player.size > rock.y) {
                    alert('Você encontrou uma pedra!');
                }
            });
        }

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

drawPlayer();
            drawRocks();
            checkCollision();

requestAnimationFrame(update);
        }

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