AI game creator

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

No:50470

137

←

Prev Next

→

Bouncing Numbers
Developer User21309｜Date and time 24/3/8 16:25:20
Build time 9.335 sec｜Game capacity 1.697KB｜

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">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Баунсинг Намберс</title>
<style>
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f0f0f0;
}
canvas {
  display: block;
}
</style>
</head>
<body>
<canvas id="gameCanvas"></canvas>
<script>
const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

const gravity = 0.2;
const balls = [];

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

class Ball {
  constructor(x, y, dx, dy) {
    this.x = x;
    this.y = y;
    this.dx = dx;
    this.dy = dy;
    this.radius = 25;
  }

draw() {
    ctx.beginPath();
    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
    ctx.fillStyle = '#ff0000';
    ctx.fill();
    ctx.closePath();
  }

update() {
    this.dy += gravity;
    this.y += this.dy;
    this.x += this.dx;

if (this.y + this.radius > canvas.height) {
      this.dy = -this.dy * 0.8;
    }

if (this.x + this.radius > canvas.width || this.x - this.radius < 0) {
      this.dx = -this.dx;
    }
  }
}

function init() {
  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;

for (let i = 0; i < 10; i++) {
    const ball = new Ball(getRandomInt(50, canvas.width - 50), getRandomInt(50, canvas.height - 50), getRandomInt(-5, 5), getRandomInt(-10, 0));
    balls.push(ball);
  }

setInterval(update, 1000 / 60);
}

function update() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);

balls.forEach(ball => {
    ball.update();
    ball.draw();
  });
}

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