AI game creator

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

No:50212

←

Prev Next

→

Fait un jeu de pong
Developer User21268｜Date and time 24/3/8 3:23:22
Build time 8.854 sec｜Game capacity 1.94KB｜

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 Pong</title>
  <style>
    #jeu {
      width: 100vw;
      height: 100vh;
      background-color: black;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #raquette1, #raquette2, #balle {
      width: 10px;
      height: 50px;
      background-color: white;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="jeu">
    <div id="raquette1"></div>
    <div id="raquette2"></div>
    <div id="balle"></div>
  </div>

let raquette1Pos = 0;
  let raquette2Pos = 0;
  let balleX = Math.floor(Math.random() * 10) + 5;
  let balleY = Math.floor(Math.random() * 10) + 5;

function gameLoop() {
    raquette1.style.top = raquette1Pos + 'px';
    raquette2.style.top = raquette2Pos + 'px';
    balle.style.left = balleX + 'px';
    balle.style.top = balleY + 'px';

if(balleY <= 0 || balleY >= window.innerHeight - 10) {
      balleY = -balleY;
    }
    if(balleX <= 0 || balleX >= window.innerWidth - 10) {
      balleX = -balleX;
    }
    if(balleX <= 20 && (balleY >= raquette1Pos && balleY <= raquette1Pos + 50) || balleX >= window.innerWidth - 30 && (balleY >= raquette2Pos && balleY <= raquette2Pos + 50)) {
      balleX = -balleX;
    }

requestAnimationFrame(gameLoop);
  }

gameLoop();
</script>
</body>
</html>