球碰撞js公式

// 定义球的属性
var ball1 = {
  x: 100, // 球1的横坐标
  y: 100, // 球1的纵坐标
  radius: 20, // 球1的半径
  vx: 5, // 球1的横向速度
  vy: 2 // 球1的纵向速度
};

var ball2 = {
  x: 200, // 球2的横坐标
  y: 150, // 球2的纵坐标
  radius: 30, // 球2的半径
  vx: -3, // 球2的横向速度
  vy: -4 // 球2的纵向速度
};

// 碰撞检测和处理
function checkCollision(ball1, ball2) {
  var dx = ball1.x - ball2.x;
  var dy = ball1.y - ball2.y;
  var distance = Math.sqrt(dx * dx + dy * dy);

  if (distance < ball1.radius + ball2.radius) {
    // 碰撞发生
    // 计算碰撞后的速度
    var vx1Final = (ball1.vx * (ball1.radius - ball2.radius) + (2 * ball2.radius * ball2.vx)) / (ball1.radius + ball2.radius);
    var vy1Final = (ball1.vy * (ball1.radius - ball2.radius) + (2 * ball2.radius * ball2.vy)) / (ball1.radius + ball2.radius);
    var vx2Final = (ball2.vx * (ball2.radius - ball1.radius) + (2 * ball1.radius * ball1.vx)) / (ball1.radius + ball2.radius);
    var vy2Final = (ball2.vy * (ball2.radius - ball1.radius) + (2 * ball1.radius * ball1.vy)) / (ball1.radius + ball2.radius);

    // 更新球的速度
    ball1.vx = vx1Final;
    ball1.vy = vy1Final;
    ball2.vx = vx2Final;
    ball2.vy = vy2Final;
  }
}

// 更新球的位置
function updatePosition(ball) {
  ball.x += ball.vx;
  ball.y += ball.vy;
}

// 模拟球碰撞的动画效果
function animate() {
  // 清空画布
  // ...

  // 更新球的位置
  updatePosition(ball1);
  updatePosition(ball2);

  // 碰撞检测和处理
  checkCollision(ball1, ball2);

  // 绘制球
  // ...

  // 循环调用动画函数
  requestAnimationFrame(animate);
}

// 启动动画
animate();