لعبة كرة قدم الكرة بشكل كروي الاعب لونه أخضر العدو ذو لون أحمر's game

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

No:12829

186

←

Prev Next

→

لعبة كرة قدم الكرة بشكل كروي الاعب لونه أخضر الع..ALL
Developer User5580｜Date and time 23/8/23 22:37:16
Build time 30.339 sec｜Game capacity 2.732KB｜

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>Jeux de Football</title>
    <style>
        body {
            text-align: center;
        }
        #ball {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: green;
            position: absolute;
        }
        #player {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: green;
            position: relative;
            margin-top: 200px;
        }
        #enemy {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: red;
            position: relative;
            margin-top: 200px;
        }
    </style>
</head>
<body>
    <div id="ball"></div>
    <div id="player"></div>
    <div id="enemy"></div>

var ballSpeedX = 3;
        var ballSpeedY = 3;

function movePlayer(event) {
            var rect = player.getBoundingClientRect();
            var playerPosition = rect.top;

if (event.keyCode === 38 && playerPosition > 0) {
                player.style.top = playerPosition - 20 + "px";
            }
            else if (event.keyCode === 40 && playerPosition < window.innerHeight - 50) {
                player.style.top = playerPosition + 20 + "px";
            }
        }

window.addEventListener("keydown", movePlayer);

function moveBall() {
            var ballRect = ball.getBoundingClientRect();
            var ballPositionX = ballRect.left;
            var ballPositionY = ballRect.top;

var enemyRect = enemy.getBoundingClientRect();
            var enemyPositionY = enemyRect.top;

ball.style.left = ballPositionX + ballSpeedX + "px";
            ball.style.top = ballPositionY + ballSpeedY + "px";

if (ballPositionY <= 0 || ballPositionY >= window.innerHeight - 50) {
                ballSpeedY = -ballSpeedY;
            }

if (ballPositionX >= window.innerWidth - 50) {
                ball.style.backgroundColor = "red";
                alert("Le jeu est terminé !");
                location.reload();
            }

if (ballPositionX <= 50) {
                if (ballPositionY + 25 >= enemyPositionY && ballPositionY <= enemyPositionY + 50) {
                    ballSpeedX = -ballSpeedX;
                }
            }

requestAnimationFrame(moveBall);
        }

window.addEventListener("load", moveBall);
    </script>
</body>
</html>