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

No:27200

←

Prev Next

→

Km/h meter
Developer User7816｜Date and time 23/12/5 1:50:04
Build time 50.674 sec｜Game capacity 1.864KB｜

Script

Игра "Км/час метр"

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Km/h Meter Game</title>
    <style>
      #meter {
        width: 300px;
        height: 300px;
        border: 1px solid black;
        position: relative;
      }
      #hand {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5px;
        height: 140px;
        background-color: black;
        transform-origin: 50% 100%;
        transition: transform 0.5s;
      }
      #controls {
        display: flex;
        justify-content: center;
        margin-top: 30px;
      }
      .button {
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        background-color: lightblue;
        border: none;
        border-radius: 50%;
        margin: 0 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <h1>Игра "Км/час метр"</h1>
    <div id="meter">
      <div id="hand"></div>
    </div>
    <div id="controls">
      <button class="button" onclick="increaseSpeed()">+</button>
      <button class="button" onclick="decreaseSpeed()">-</button>
    </div>

function increaseSpeed() {
        if (speed + SPEED_INCREMENT <= MAX_SPEED) {
          speed += SPEED_INCREMENT;
        }
        rotateHand();
      }

function decreaseSpeed() {
        if (speed - SPEED_INCREMENT >= 0) {
          speed -= SPEED_INCREMENT;
        }
        rotateHand();
      }

function rotateHand() {
        const hand = document.getElementById('hand');
        hand.style.transform = `rotate(${speed * 1.8}deg)`;
      }

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