AI game creator

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

No:50466

←

Prev Next

→

Bouncy Numbers
Developer User21309｜Date and time 24/3/8 16:24:13
Build time 5.472 sec｜Game capacity 1.214KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Bouncy Numbers</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="600"></canvas>
  
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    
    let number = Math.floor(Math.random() * 10) + 1; // начальное число от 1 до 10
    let speed = 1; // скорость падения числа
    
    function drawNumber() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Отрисовка числа
      ctx.font = "30px Arial";
      ctx.fillStyle = "black";
      ctx.fillText(number, canvas.width / 2, 50);
    }
    
    function update() {
      number += speed; // изменение числа в зависимости от скорости
      
      if (number > canvas.height) {
        // Если число упало ниже экрана, завершаем игру
        alert("Game Over! Number reached the bottom.");
        number = 0; // сброс числа
      }
    }
    
    function loop() {
      update();
      drawNumber();
      
      requestAnimationFrame(loop);
    }
    
    loop();
  </script>
</body>
</html>