A plataforma Game with colision and procedural level making ,Green plataforms's game

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

No:50968

←

Prev Next

→

A plataforma Game with colision and procedural lev..ALL
Developer User21444｜Date and time 24/3/10 11:08:48
Build time 4.4 sec｜Game capacity 1.924KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Plataforma Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let player = {
            x: 50,
            y: 50,
            width: 50,
            height: 50,
            speed: 5
        };

let greenPlatforms = [];

function createGreenPlatform() {
            let platform = {
                x: Math.random() * (canvas.width - 50),
                y: Math.random() * (canvas.height - 50),
                width: 50,
                height: 20
            };
            greenPlatforms.push(platform);
        }

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

function drawGreenPlatforms() {
            ctx.fillStyle = 'green';
            greenPlatforms.forEach(platform => {
                ctx.fillRect(platform.x, platform.y, platform.width, platform.height);
            });
        }

function update() {
            createGreenPlatform();

greenPlatforms.forEach(platform => {
                if (player.x < platform.x + platform.width &&
                    player.x + player.width > platform.x &&
                    player.y < platform.y + platform.height &&
                    player.y + player.height > platform.y) {
                    // Collision detected
                    console.log('Collision detected!');
                }
            });

drawPlayer();
            drawGreenPlatforms();
        }

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

update();

requestAnimationFrame(gameLoop);
        }

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