un battle Royale avec des ennemis et une géant île et a la troisième personne et au milieu de l'île une boule de metal fort's game

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

No:40813

←

Prev Next

→

un battle Royale avec des ennemis et une géant île..ALL
Developer User18270｜Date and time 24/2/4 6:17:47
Build time 10.604 sec｜Game capacity 3.935KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Battle Royale</title>
    <style>
        #game-screen {
            position: relative;
            width: 500px;
            height: 500px;
            border: 1px solid black;
            margin: 0 auto;
        }
        .player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            background-image: url('player.png');
            background-size: cover;
        }
        .enemy {
            position: absolute;
            width: 50px;
            height: 50px;
            background-image: url('enemy.png');
            background-size: cover;
        }
        #metal-ball {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100px;
            height: 100px;
            background-image: url('metal-ball.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game-screen">
        <div id="player" class="player"></div>
        <div id="metal-ball"></div>
    </div>

// Position de la boule de métal
        let ballX = 250;
        let ballY = 250;

// Déplacer le joueur
        function movePlayer(direction) {
            const speed = 10;

switch (direction) {
                case 'up':
                    playerY -= speed;
                    break;
                case 'down':
                    playerY += speed;
                    break;
                case 'left':
                    playerX -= speed;
                    break;
                case 'right':
                    playerX += speed;
                    break;
            }

// Limiter les mouvements du joueur dans les limites de l'écran
            if (playerX < 0) {
                playerX = 0;
            } else if (playerX > 450) {
                playerX = 450;
            }

if (playerY < 0) {
                playerY = 0;
            } else if (playerY > 450) {
                playerY = 450;
            }

// Mettre à jour la position du joueur
            const playerElement = document.getElementById("player");
            playerElement.style.left = playerX + "px";
            playerElement.style.top = playerY + "px";
        }

// Vérifier si le joueur a touché la boule de métal
        function checkCollision() {
            const playerElement = document.getElementById("player");
            const metalBallElement = document.getElementById("metal-ball");

const playerRect = playerElement.getBoundingClientRect();
            const metalBallRect = metalBallElement.getBoundingClientRect();

if (
                playerRect.left < metalBallRect.right &&
                playerRect.right > metalBallRect.left &&
                playerRect.top < metalBallRect.bottom &&
                playerRect.bottom > metalBallRect.top
            ) {
                alert("Vous avez gagné le Battle Royale !");
            }
        }

// Écouter les touches de l'utilisateur pour déplacer le joueur
        document.addEventListener("keydown", function(event) {
            switch (event.key) {
                case "ArrowUp":
                    movePlayer("up");
                    break;
                case "ArrowDown":
                    movePlayer("down");
                    break;
                case "ArrowLeft":
                    movePlayer("left");
                    break;
                case "ArrowRight":
                    movePlayer("right");
                    break;
            }

checkCollision();
        });
    </script>
</body>
</html>