Jogo de carros em uma pista com altas velocidades, e 5 carros's game

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

No:19744

←

Prev Next

→

Jogo de carros em uma pista com altas velocidades,..ALL
Developer User8808｜Date and time 23/10/6 13:19:49
Build time 13.316 sec｜Game capacity 1.97KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Carros</title>
  <style>
    #road {
      position: relative;
      width: 100%;
      height: 600px;
      background-color: gray;
    }
    .car {
      position: absolute;
      bottom: 0;
      width: 40px;
      height: 80px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="road">
    <div class="car" id="car1"></div>
    <div class="car" id="car2"></div>
    <div class="car" id="car3"></div>
    <div class="car" id="car4"></div>
    <div class="car" id="car5"></div>
  </div>

let roadWidth;
    let carWidth;

function startGame() {
      roadWidth = document.getElementById('road').clientWidth;
      carWidth = document.getElementsByClassName('car')[0].clientWidth;

resetCarPositions();
      moveCars();
    }

function resetCarPositions() {
      const cars = document.getElementsByClassName('car');
      let position = 10;

for (let i = 0; i < cars.length; i++) {
        cars[i].style.left = position + 'px';
        position += carWidth + 20;
      }
    }

function moveCars() {
      const cars = document.getElementsByClassName('car');

for (let i = 0; i < cars.length; i++) {
        let speed = Math.floor(Math.random() * 10) + 1; // Random speed between 1 and 10

setInterval(function() {
          let currentPosition = parseInt(cars[i].style.left);
          let newPosition = currentPosition + speed;

if (newPosition > roadWidth - carWidth - 10) { // If car reaches the end of the road
            newPosition = 10;
          }

cars[i].style.left = newPosition + 'px';
        }, 40);
      }
    }

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