運用 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;

更新時間:29-Jan-2020

179 瀏覽量

開啟你的 職業生涯

完成課程後獲得認證

開始
廣告
© . All rights reserved.