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

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

No:12823

125

←

Prev Next

→

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

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 en 3D</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

// Position initiale des joueurs et de la balle
        var playerX = canvas.width / 2;
        var playerY = canvas.height / 2;
        var enemyX = canvas.width / 4;
        var enemyY = canvas.height / 4;
        var ballX = canvas.width / 2;
        var ballY = canvas.height / 2;

// Fonction qui dessine les éléments sur le canvas
        function draw() {
            // Effacer l'ancien affichage
            context.clearRect(0, 0, canvas.width, canvas.height);

// Dessiner les joueurs
            context.fillStyle = "blue";
            context.fillRect(playerX - 10, playerY - 10, 20, 20);
            context.fillStyle = "red";
            context.fillRect(enemyX - 10, enemyY - 10, 20, 20);

// Dessiner la balle
            context.beginPath();
            context.arc(ballX, ballY, 10, 0, Math.PI * 2);
            context.fillStyle = "blue";
            context.fill();
            context.closePath();

// Demander au navigateur d'appeler la fonction "draw" à chaque frame
            requestAnimationFrame(draw);
        }

// Fonction qui gère les mouvements du joueur
        function handlePlayerMovement(event) {
            var key = event.key;
            var step = 3;

if (key === "ArrowUp" && playerY > 0) {
                playerY -= step;
            } else if (key === "ArrowDown" && playerY < canvas.height) {
                playerY += step;
            } else if (key === "ArrowLeft" && playerX > 0) {
                playerX -= step;
            } else if (key === "ArrowRight" && playerX < canvas.width) {
                playerX += step;
            }
        }
        
        document.addEventListener("keydown", handlePlayerMovement);

// Lancer le jeu en appelant la fonction "draw" pour la première fois
        draw();
    </script>
</body>
</html>