AI game creator

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

No:50396

←

Prev Next

→

Manual Transmission
Developer User21309｜Date and time 24/3/8 15:52:47
Build time 6.139 sec｜Game capacity 1.462KB｜

Script

Инструкции:

Используйте кнопки на экране для управления автомобилем.

Цель игры - переключить передачи и удерживать автомобиль на дороге.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Manual Transmission Game</title>
<style>
  body{
    text-align: center;
    background-color: #f0f0f0;
    font-family: Arial, sans-serif;
  }
  canvas{
    border: 1px solid #000;
  }
  #instructions{
    margin: 20px auto;
    width: 80%;
    background: #fff;
    padding: 10px;
  }
</style>
</head>
<body>
<canvas id="gameCanvas" width="300" height="400"></canvas>
<div id="instructions">
  <h2>Инструкции:</h2>
  <p>Используйте кнопки на экране для управления автомобилем.</p>
  <p>Цель игры - переключить передачи и удерживать автомобиль на дороге.</p>
</div>
<script>
// код игры будет тут
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

let carPosX = 100; // начальное положение автомобиля по x
let carSpeed = 2; // начальная скорость автомобиля
let gear = 1; // начальная передача

function drawCar(){
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.fillStyle = '#f00';
  ctx.fillRect(carPosX, 300, 50, 30);
}

function updateCar(){
  carPosX += carSpeed * gear;
  if(carPosX > 250 || carPosX < 50){
    carSpeed = -carSpeed;
  }
}

function gameLoop(){
  drawCar();
  updateCar();
  requestAnimationFrame(gameLoop);
}

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