Jeux de football de 3d's game

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

No:27384

←

Prev Next

→

Jeux de football de 3d
Developer User13637｜Date and time 23/12/6 19:01:28
Build time 44.759 sec｜Game capacity 2.928KB｜

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>Jeu de football 3D</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="footballCanvas" width="400" height="400"></canvas>

// Définir les positions initiales du joueur et du ballon
      let playerX = canvas.width / 2;
      let playerY = canvas.height - 50;
      let ballX = canvas.width / 2;
      let ballY = canvas.height / 2;

// Définir la vitesse de déplacement du joueur
      let playerSpeedX = 8;

// Fonction de dessin pour afficher le joueur et le ballon
      function draw() {
        // Effacer le canvas
        context.clearRect(0, 0, canvas.width, canvas.height);
        
        // Dessiner le joueur
        context.fillRect(playerX, playerY, 30, 30);
        
        // Dessiner le ballon
        context.beginPath();
        context.arc(ballX, ballY, 10, 0, Math.PI * 2);
        context.fillStyle = 'black';
        context.fill();
        context.closePath();
      }

// Fonction de mise à jour des positions du joueur et du ballon
      function update() {
        // Mettre à jour la position du joueur en fonction de la vitesse
        if (isPlayerMovingLeft) {
          playerX -= playerSpeedX;
        } else if (isPlayerMovingRight) {
          playerX += playerSpeedX;
        }
        
        // Mettre à jour la position du ballon
        // (Ajouter ici la logique pour le mouvement du ballon)
      }
      
      // Variables pour détecter les mouvements du joueur
      let isPlayerMovingLeft = false;
      let isPlayerMovingRight = false;

// Fonction pour gérer le mouvement du joueur lorsque l'utilisateur appuie sur les touches
      function handleKeyPress(event) {
        if (event.key === 'ArrowLeft') {
          isPlayerMovingLeft = true;
        } else if (event.key === 'ArrowRight') {
          isPlayerMovingRight = true;
        }
      }

// Fonction pour gérer le mouvement du joueur lorsque l'utilisateur relâche les touches
      function handleKeyRelease(event) {
        if (event.key === 'ArrowLeft') {
          isPlayerMovingLeft = false;
        } else if (event.key === 'ArrowRight') {
          isPlayerMovingRight = false;
        }
      }

// Gérer les événements de touche pour le mouvement du joueur
      document.addEventListener('keydown', handleKeyPress);
      document.addEventListener('keyup', handleKeyRelease);

// Fonction de boucle de jeu pour mettre à jour et dessiner continuellement
      function gameLoop() {
        update();
        draw();
        requestAnimationFrame(gameLoop);
      }

// Lancer la boucle de jeu
      gameLoop();
    </script>
  </body>
</html>