لعبة ثلاثية الأبعاد و هي عن كرة القدم و التحكم يعتمد على الأسهم و كل فريق فيه 3 لاعبين و فريق اللاعب هو فريق ذو لون أزرق و العدو ذو لون أحمرو لون الكرة يكون أزرق و يمكن للاعبين لمس الكرة's game

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

No:12822

103

←

Prev Next

→

لعبة ثلاثية الأبعاد و هي عن كرة القدم و التحكم يعت..ALL
Developer User5580｜Date and time 23/8/23 22:22:09
Build time 40.486 sec｜Game capacity 3.476KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>لعبة كرة القدم</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Positions initiales des joueurs
        var player1 = { x: 50, y: canvas.height / 2 };
        var player2 = { x: canvas.width - 50, y: canvas.height / 2 };

// Position initiale de la balle
        var ball = { x: canvas.width / 2, y: canvas.height / 2, dx: 3, dy: 3 };

// Contrôles des mouvements avec les touches fléchées
        document.addEventListener("keydown", handleKeyDown, false);

// Fonction pour dessiner les joueurs
        function drawPlayers() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player1.x, player1.y, 50, 50);
            ctx.fillStyle = "red";
            ctx.fillRect(player2.x, player2.y, 50, 50);
        }

// Fonction pour dessiner la balle
        function drawBall() {
            ctx.fillStyle = "blue";
            ctx.beginPath();
            ctx.arc(ball.x, ball.y, 10, 0, Math.PI * 2, false);
            ctx.closePath();
            ctx.fill();
        }

// Fonction pour détecter les collisions avec les bords
        function detectBorderCollisions() {
            if (ball.y + ball.dy > canvas.height || ball.y + ball.dy < 0) {
                ball.dy = -ball.dy;
            }

if (ball.x + ball.dx > canvas.width || ball.x + ball.dx < 0) {
                ball.dx = -ball.dx;
            }
        }

// Fonction pour détecter les collisions avec les joueurs
        function detectPlayerCollisions() {
            if (ball.x < player1.x + 50 &&
                ball.x + 10 > player1.x &&
                ball.y < player1.y + 50 &&
                ball.y + 10 > player1.y) {
                ball.dx = -ball.dx;
                ball.dy = -ball.dy;
            }

if (ball.x < player2.x + 50 &&
                ball.x + 10 > player2.x &&
                ball.y < player2.y + 50 &&
                ball.y + 10 > player2.y) {
                ball.dx = -ball.dx;
                ball.dy = -ball.dy;
            }
        }

// Fonction pour mettre à jour les positions
        function updatePositions() {
            ball.x += ball.dx;
            ball.y += ball.dy;
        }

// Fonction principale pour dessiner et mettre à jour le jeu
        function drawGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            drawPlayers();
            drawBall();

detectBorderCollisions();
            detectPlayerCollisions();

updatePositions();

requestAnimationFrame(drawGame);
        }

// Lancer le jeu
        drawGame();
    </script>
</body>
</html>