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

No:27198

←

Prev Next

→

Km/h meter
Developer User7816｜Date and time 23/12/5 1:47:52
Build time 68.775 sec｜Game capacity 2.512KB｜

Script

Км/ч Игра

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Km/h Meter Game</title>
</head>
<body>
  <h1>Км/ч Игра</h1>
  <canvas id="gameCanvas" width="320" height="480"></canvas>
  <script>
    // Initialization
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");
    
    var carImage = new Image();
    carImage.src = "car.png";
    
    var carWidth = 40;
    var carHeight = 80;
    var carX = (canvas.width - carWidth) / 2;
    var carY = canvas.height - 100;
    var carSpeed = 0;
    
    var speedometerImage = new Image();
    speedometerImage.src = "speedometer.png";
    var speedometerX = 20;
    var speedometerY = 20;
    
    var speed = 0; // km/h
    var maxSpeed = 300; // km/h
    
    // Event listeners
    document.addEventListener("keydown", keyDownHandler, false);
    document.addEventListener("keyup", keyUpHandler, false);
    
    // Key down handler
    function keyDownHandler(event) {
      if (event.keyCode == 39) {
        carSpeed = 5;
      } else if (event.keyCode == 37) {
        carSpeed = -5;
      }
    }
    
    // Key up handler
    function keyUpHandler(event) {
      if (event.keyCode == 39 || event.keyCode == 37) {
        carSpeed = 0;
      }
    }
    
    // Update game state
    function update() {
      carX += carSpeed;
      
      // Check boundaries
      if (carX < 0) {
        carX = 0;
      } else if (carX > canvas.width - carWidth) {
        carX = canvas.width - carWidth;
      }
      
      // Update speed
      speed += carSpeed;
      if (speed < 0) {
        speed = 0;
      } else if (speed > maxSpeed) {
        speed = maxSpeed;
      }
    }
    
    // Draw game objects
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw car
      ctx.drawImage(carImage, carX, carY, carWidth, carHeight);
      
      // Draw speedometer
      ctx.drawImage(speedometerImage, speedometerX, speedometerY, 100, 100);
      ctx.font = "20px Arial";
      ctx.fillStyle = "white";
      ctx.fillText("Скорость: " + speed + " км/ч", speedometerX + 10, speedometerY + 60);
      
      // Game over condition
      if (speed >= maxSpeed) {
        clearInterval(gameLoop);
        alert("Игра окончена! Вы достигли максимальной скорости.");
        location.reload();
      }
    }
    
    // Game loop
    var gameLoop = setInterval(function() {
      update();
      draw();
    }, 20);
  </script>
</body>
</html>