AI game creator

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

No:38239

←

Prev Next

→

Racing game
Developer User17294｜Date and time 24/1/23 16:40:55
Build time 6.361 sec｜Game capacity 1.246KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Racing Game</title>
  <style>
    #car {
      position: relative;
      left: 50%;
      bottom: 10px;
      transform: translateX(-50%);
      width: 50px;
      height: 80px;
      background-color: red;
      border-radius: 10px;
    }

#road {
      position: relative;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: gray;
    }
  </style>
</head>
<body>
  <div id="road">
    <div id="car"></div>
  </div>
  <script>
    window.addEventListener('keydown', function (event) {
      if (event.key === 'ArrowRight') {
        moveCarRight();
      } else if (event.key === 'ArrowLeft') {
        moveCarLeft();
      }
    });

function moveCarRight() {
      var car = document.getElementById('car');
      var currentPosition = parseInt(car.style.left);
    
      if (currentPosition < window.innerWidth - 70) {
        car.style.left = currentPosition + 10 + 'px';
      }
    }

function moveCarLeft() {
      var car = document.getElementById('car');
      var currentPosition = parseInt(car.style.left);
    
      if (currentPosition > 10) {
        car.style.left = currentPosition - 10 + 'px';
      }
    }
  </script>
</body>
</html>