AI game creator

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

No:50474

←

Prev Next

→

Bouncing Numbers
Developer User21309｜Date and time 24/3/8 16:26:55
Build time 6.331 sec｜Game capacity 1.52KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Отскакивающие числа</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

function drawNumbers() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      numbers.forEach(number => {
        ctx.fillStyle = number.color;
        ctx.font = "20px Arial";
        ctx.fillText(number.value, number.x, number.y);
      })
    }

function updateNumbers() {
      numbers.forEach(number => {
        number.x += number.dx;
        number.y += number.dy;

if (number.x < 0 || number.x > canvas.width) {
          number.dx *= -1;
        }
        if (number.y < 0 || number.y > canvas.height) {
          number.dy *= -1;
        }
      })
    }

function gameLoop() {
      drawNumbers();
      updateNumbers();
      requestAnimationFrame(gameLoop);
    }

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