Manual Transmission And Speedometer's game

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

No:50398

←

Prev Next

→

Manual Transmission And Speedometer
Developer User21309｜Date and time 24/3/8 15:53:42
Build time 6.222 sec｜Game capacity 1.828KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Игра "МКПП и спидометр"</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let speed = 0;
    let gear = 1;
    
    function drawSpeedometer() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      ctx.fillStyle = 'black';
      ctx.fillRect(20, 20, 200, 200);
      
      ctx.fillStyle = 'white';
      ctx.font = '20px Arial';
      ctx.fillText('Скорость', 50, 50);
      ctx.fillText(`${speed} км/ч`, 50, 100);
      
      ctx.fillText('Передача', 50, 150);
      ctx.fillText(`${gear}`, 80, 200);
    }
    
    function changeGear(up) {
      if (up && gear < 6) {
        gear++;
      } else if (!up && gear > 1) {
        gear--;
      }
    }
    
    function updateSpeed() {
      if (gear === 1) {
        speed += 10;
      } else if (gear === 2) {
        speed += 20;
      } else if (gear === 3) {
        speed += 30;
      } else if (gear === 4) {
        speed += 40;
      } else if (gear === 5) {
        speed += 50;
      } else if (gear === 6) {
        speed += 60;
      }
      
      if (speed > 220) {
        speed = 0;
      }
    }
    
    function gameLoop() {
      updateSpeed();
      drawSpeedometer();
      
      setTimeout(gameLoop, 1000);
    }
    
    gameLoop();
    
    // Управление через мобильные кнопки
    document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowUp') {
        changeGear(true);
        drawSpeedometer();
      } else if (event.key === 'ArrowDown') {
        changeGear(false);
        drawSpeedometer();
      }
    });
  </script>
</body>
</html>