لعبة كرة القدم اللاعب ذو لون أخضر يمكن توجيهه بالأسهم و عند ملامسته الكرة تلتسق الكرة به و يوجد زر أسود يستعمل لقذف الكرة's game

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

No:21377

←

Prev Next

→

لعبة كرة القدم اللاعب ذو لون أخضر يمكن توجيهه بال..ALL
Developer User9801｜Date and time 23/10/15 6:32:59
Build time 79.652 sec｜Game capacity 2.339KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jeu de Football</title>
    <style>
        #player {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: green;
            left: 0;
            top: 0;
        }

#ball {
            position: absolute;
            width: 30px;
            height: 30px;
            background-color: white;
            display: none;
        }
    </style>
</head>
<body>
    <script>
        var player = document.getElementById("player");
        var ball = document.getElementById("ball");
        var isBallAttached = false;

function movePlayer(event) {
            var key = event.keyCode;
            var playerX = parseInt(player.style.left);
            var playerY = parseInt(player.style.top);

if (key === 37) { // left arrow
                player.style.left = (playerX - 10) + "px";
            } else if (key === 39) { // right arrow
                player.style.left = (playerX + 10) + "px";
            } else if (key === 38) { // up arrow
                player.style.top = (playerY - 10) + "px";
            } else if (key === 40) { // down arrow
                player.style.top = (playerY + 10) + "px";
            }

if (isBallAttached) {
                ball.style.left = player.style.left;
                ball.style.top = player.style.top;
            }

if (checkCollision()) {
                isBallAttached = true;
                ball.style.display = "block";
            }
        }

function checkCollision() {
            var playerRect = player.getBoundingClientRect();
            var ballRect = ball.getBoundingClientRect();

return !(
                playerRect.right < ballRect.left ||
                playerRect.left > ballRect.right ||
                playerRect.bottom < ballRect.top ||
                playerRect.top > ballRect.bottom
            );
        }

function shootBall() {
            if (isBallAttached) {
                isBallAttached = false;
                ball.style.display = "none";
            }
        }

document.addEventListener("keydown", movePlayer);
    </script>

<button onclick="shootBall()">Lancer la Balle</button>
</body>
</html>