AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Jeu de tennis's game | AI game creator

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

No:28933

←

Prev Next

→

Jeu de tennis
Developer User14316｜Date and time 23/12/15 6:46:49
Build time 70.367 sec｜Game capacity 3.584KB｜

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 Tennis</title>
  <style type="text/css">
    canvas {
      background: #000;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="tennis" width="800px" height="400px"></canvas>
  <script type="text/javascript">
    // Récupérer l'élément canvas et son contexte
    var canvas = document.getElementById("tennis");
    var context = canvas.getContext("2d");

// Définir les variables du jeu
    var posX = canvas.width/2; // Position horizontale de la raquette
    var posY = canvas.height/2; // Position verticale de la raquette
    var paddleHeight = 100;
    var paddleWidth = 10;
    var paddleSpeed = 10;

var ballX = canvas.width/2; // Position horizontale de la balle
    var ballY = canvas.height/2; // Position verticale de la balle
    var ballRadius = 6;
    var ballSpeedX = -3;
    var ballSpeedY = 3;

var scorePlayer = 0; // Score du joueur
    var scoreOpponent = 0; // Score de l'adversaire

// Gérer les mouvements de la raquette en fonction des touches tactiles
    window.addEventListener("touchmove", function(event) {
      var touch = event.touches[0];
      var touchY = touch.clientY - canvas.offsetTop;

// Assurer que la raquette reste dans les limites du canvas
      if (touchY > 0 && touchY < canvas.height - paddleHeight) {
        posY = touchY;
      }
    });

// Fonction pour redessiner les éléments du jeu
    function drawElements() {
      // Effacer le canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Dessiner la raquette du joueur
      context.fillStyle = "#FFF";
      context.fillRect(posX, posY, paddleWidth, paddleHeight);

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

// Afficher les scores
      context.fillStyle = "#FFF";
      context.fillText("Joueur: " + scorePlayer, 15, 15);
      context.fillText("Adversaire: " + scoreOpponent, canvas.width - 135, 15);

// Mettre à jour la position de la balle
      ballX += ballSpeedX;
      ballY += ballSpeedY;

// Appliquer les rebonds sur les bords du canvas
      if (ballY + ballSpeedY < ballRadius || ballY + ballSpeedY > canvas.height - ballRadius) {
        ballSpeedY = -ballSpeedY;
      }

// Gérer les collisions entre la balle et la raquette du joueur
      if (ballX + ballSpeedX < posX + paddleWidth && ballY + ballSpeedY > posY && ballY + ballSpeedY < posY + paddleHeight) {
        ballSpeedX = -ballSpeedX;
      }

// Gérer les collisions entre la balle et les bords de la raquette de l'adversaire
      if (ballX + ballSpeedX > canvas.width - paddleWidth && ballY + ballSpeedY > posY && ballY + ballSpeedY < posY + paddleHeight) {
        ballSpeedX = -ballSpeedX;
        scoreOpponent++;
      }

// Gérer les points marqués
      if (ballX + ballSpeedX < 0) {
        ballX = canvas.width/2;
        ballY = canvas.height/2;
        ballSpeedX = -ballSpeedX;
        scorePlayer++;
      }

// Déplacer la raquette de l'adversaire automatiquement pour essayer de retourner la balle
      if (posY + paddleHeight/2 < ballY) {
        posY += paddleSpeed;
      } else {
        posY -= paddleSpeed;
      }
    }

// Fonction pour lancer le jeu et animer les éléments
    function startGame() {
      setInterval(drawElements, 10);
    }

// Démarrer le jeu
    startGame();
  </script>
</body>
</html>