Un juego online donde esperas a que se una por lo menos 1 jugador más a 10 jugadores una vez hecho,aparece una pista de carreras donde tenemos estos controles:derecha, izquierda,adelante,y tienes que llegar a la meta doblando en la pista,la pista puede ser aleatoria,puede ganar el oponente o tu o tu amigo o según con quién juegas.'s game

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

No:40856

←

Prev Next

→

Un juego online donde esperas a que se una por lo ..ALL
Developer User18058｜Date and time 24/2/4 10:14:38
Build time 13.127 sec｜Game capacity 4.326KB｜

Script

←

↑

→

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      #game-container {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }
      #race-track {
        position: relative;
        width: 300px;
        height: 300px;
        background-color: #888;
        margin-bottom: 20px;
      }
      #player {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background-color: red;
      }
      #opponent {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background-color: blue;
      }
      #controls {
        display: flex;
        justify-content: center;
      }
      .control-btn {
        width: 50px;
        height: 50px;
        background-color: #ccc;
        border-radius: 50%;
        margin: 0 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="race-track"></div>
      <div id="controls">
        <div class="control-btn" id="left-btn">←</div>
        <div class="control-btn" id="forward-btn">↑</div>
        <div class="control-btn" id="right-btn">→</div>
      </div>
    </div>
    <script>
      // Constants
      const RACE_TRACK_SIZE = 300; // Size of the race track in pixels
      const PLAYER_SPEED = 3; // Speed of the player in pixels per move
      const OPPONENT_SPEED = 2; // Speed of the opponent in pixels per move
      const END_DISTANCE = RACE_TRACK_SIZE - 20; // Distance from the start to the end of the race track

// Global variables
      let playerPosition = 0;
      let opponentPosition = 0;

// Get DOM elements
      const raceTrackElement = document.getElementById("race-track");
      const playerElement = document.getElementById("player");
      const opponentElement = document.getElementById("opponent");
      const leftBtn = document.getElementById("left-btn");
      const forwardBtn = document.getElementById("forward-btn");
      const rightBtn = document.getElementById("right-btn");

// Event listeners for control buttons
      leftBtn.addEventListener("click", movePlayerLeft);
      forwardBtn.addEventListener("click", movePlayerForward);
      rightBtn.addEventListener("click", movePlayerRight);

// Function to move the player to the left
      function movePlayerLeft() {
        playerPosition = Math.max(playerPosition - PLAYER_SPEED, 0);
        playerElement.style.left = `${playerPosition}px`;
        checkRaceEnd();
      }

// Function to move the player forward
      function movePlayerForward() {
        playerPosition = Math.min(playerPosition + PLAYER_SPEED, RACE_TRACK_SIZE - 20);
        playerElement.style.left = `${playerPosition}px`;
        checkRaceEnd();
      }

// Function to move the player to the right
      function movePlayerRight() {
        playerPosition = Math.min(playerPosition + PLAYER_SPEED, RACE_TRACK_SIZE - 20);
        playerElement.style.left = `${playerPosition}px`;
        checkRaceEnd();
      }

// Function to move the opponent
      function moveOpponent() {
        opponentPosition += OPPONENT_SPEED;
        opponentElement.style.left = `${opponentPosition}px`;
        checkRaceEnd();
      }

// Function to check if the race has ended
      function checkRaceEnd() {
        if (playerPosition >= END_DISTANCE) {
          alert("¡Has llegado a la meta! ¡Ganaste!");
          resetRace();
        } else if (opponentPosition >= END_DISTANCE) {
          alert("¡El oponente ha llegado a la meta! ¡Perdiste!");
          resetRace();
        }
      }

// Function to reset the race
      function resetRace() {
        playerPosition = 0;
        opponentPosition = 0;
        playerElement.style.left = "0";
        opponentElement.style.left = "0";
      }

// Start the game loop
      function startGame() {
        setInterval(moveOpponent, 50);
      }

// Wait for at least 1 more player
      // Implementation of waiting for players is omitted for brevity
      startGame();
    </script>
  </body>
</html>