Можно ли привязать анимацию элемента А к динамической позиции элемента B?

Question

[Юрий]

Есть такой код на js:

animation(moon,1,20,200);
        function animation(elem,speed,delay,distance) {
        	var x = 0;
        	var s = speed * Math.PI / 180;
        	setInterval(function() {
                    x += s;
                    elem.style.left = distance * Math.sin(x) + 'px';
                    elem.style.top = distance * Math.cos(x) + 'px';
                  }, delay);
        }

и вот что из этого получается:
Но если я хочу сделать вращение элемента вокруг уже вращающегося элемента, как это можно реализовать?

Comments

[Ди Ма]

Луна должна быть дивом, внутри которого другой элемент, position которого НЕ absolute. Для анимации всего, что внутри луны- меняем относительные величины. И совершенно не важно, где в этот момент сама луна.

Answer 1

[twobomb]

Ну как вариант так, тут код.

Comments

[Stalker_RED]

Все отлично, только земля в конском разрешении :)

[twobomb]

Stalker_RED: Ну это было написано за 5 минут на глаз. Если часок посидеть то все будет в реальных пропорциях и в 3д.

[Юрий]

twobomb: дело в том что это на Jq, а мне надо это на слепить на нативном js...

[Stalker_RED]

twobomb: Я не о том. Картинка с землей в оригинале 1338х1338 и весит 2.5мб. Телефон задумчиво ее отрисовывал.

[twobomb]

Юрий: Там того JQuery 2 строчки. Вот чистый

[Юрий]

twobomb: окей спасибо, буду разбираться.