Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

HTML5 Canvas에서 둘 이상의 개체 사이에 중력 적용

<시간/>

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;