HTML5 Canvas - вычислить скорость объекта по отношению к «магниту»

Question

У меня есть «магнит» прямо в середине моего холста, и у меня есть объекты, которые добавляются к холсту при щелчке. Затем их притягивают к магниту.

У меня есть X и Y расстояние объектов по отношению друг к другу, в диапазоне от примерно -20 до 20.

Этого вычисления я использую для объектов, чтобы привлечь, который работает, но чем ближе его получает, чем слабее сила, когда она должна быть наоборот, как я могу это сделать?

impulseX = (distanceX/100) 
impulseY = (distanceY/100) 

Примеры:

Distance = 20, speed = 0.05 
Distance = 10, speed = 0.1 
Distance = -20, speed = -0.05 
Distance = -10, speed = -0.1 

Пример того, что я делаю: http://jsfiddle.net/qk8Wk/

Благодаря

Answer 1

Ваш импульс должен следовать закону обратных квадратов, т.е.

var distance2 = distanceX * distanceX + distanceY * distanceY; 
var mag = n/distance2; 

, где n - общая постоянная, представляющая силу поля.

Затем импульс должен быть в пропорции к направлении этого импульса:

var theta = Math.atan2(distanceY, distanceX); 
var impulseX = mag * Math.cos(theta); 
var impulseY = mag * Math.sin(theta); 

См http://jsfiddle.net/alnitak/BH5qL/

или, избегая при этом тригонометрические функции (за @JayC)

var norm = Math.sqrt(distance2); 
var impulseX = mag * (distanceX/norm); 
var impulseY = mag * (distanceY/norm); 

Answer 2

, но чем ближе, тем слабее сила,

Довольно логично, потому что разница становится меньше - поэтому разница/100 становится меньше.

, когда все должно быть наоборот, как я могу это сделать?

Сделать ценность, на которой базируется множитель множителя, увеличивается, а не меньше - f.e.

impulseX = ((20 - distanceX)/100) 

Answer 3

как насчет:

var distance = Math.sqrt(distanceX*distanceX + distanceY*distanceY) 
impulseX = 0.1*distanceX/distance 
impulseY = 0.1*distanceY/distance 

или вы можете использовать расстояние^2:

var distance2 = distanceX*distanceX + distanceY*distanceY 
impulseX = 0.1*distanceX/distance2 
impulseY = 0.1*distanceY/distance2