Расчет расстояния до анимируемых элементов с одинаковой скоростью ⇐ Jquery

[Anonymous]

Это как вопрос по математике, так и по программированию.
Представьте себе такой сценарий:

Код: Выделить всё

___________________
|                 |
(#1) |  Center Object  | (#2)
|_________________|

Я хочу, чтобы два круглых объекта удалялись от центрального объекта с одинаковой скоростью, но на разные расстояния: №1 перемещался влево, а №2 — вправо.
Конечный продукт должен выглядеть так:

Код: Выделить всё

___________________
|                 |
(#1)             |  Center Object  |                                             (#2)
|_________________|

Если я просто использую animate({"marginLeft:-200px"},1000) и animate({"marginLeft:1000px"},1000), #2 будет двигаться намного быстрее, поскольку время анимации одинаковое (

Код: Выделить всё

1000

).
Здесь нужно немного посчитать. Я не очень хорошо разбираюсь в математике, поэтому не знаю, с чего именно начать вычисления.
Как бы я изменил время анимации в зависимости от расстояния, чтобы они двигались с одинаковой скоростью?

Код: Выделить всё

speed = 0.04;

distanceTop = 150;
distanceRight = 500;

$('#top').animate({'marginTop':0},distanceTop/speed);
$('#right').animate({'marginLeft':'500px'},distanceRight/speed);

Код: Выделить всё

.object {
background:black;
height:50px;
margin-top:150px;
position:absolute;
width:50px;
}

Код: Выделить всё

jsfiddle
Как вы можете видеть в этом JSFiddle, черные ящики достигают углов красного ящика с разной скоростью. Простите за плохую математику, но как мне заставить их двигаться с одинаковой скоростью?

Подробнее здесь: https://stackoverflow.com/questions/798 ... same-speed