Computer >> Máy Tính >  >> Lập trình >> Javascript

Áp dụng lực hấp dẫn giữa hai hoặc nhiều đối tượng trong HTML5 Canvas

Để áp dụng lực hấp dẫn giữa hai hoặc nhiều đối tượng trong Canvas:

var distX = ob1.x - ob2.x,
distY = ob1.y - ob2.y;

var val = distX *distX + distY * distY;
var r = Math.sqrt(val);
var F = 50 / val;

var rhat_x = distX / r;
var rhat_y = distY / r;

var Fx = F * rhat_x;
var Fy = F * rhat_y;

ob1.vx += -Fx;
ob1.vy += -Fy;

ob2.vx += Fx;
ob2.vy += Fy;