HELP с перемещение фигур!
Вложений: 1
Приветствую! Помогите разобратья пожалуйста. Есть такой код:
HTML <div> <img id="tr1"/> </div> <div> <img id="tr2"/> </div> <div> <img id="tr3"/> </div> CSS Код:
#tr1 { position: absolute;
var t = 0;
var tt = 0.02;
var r = 50;
function moveit1() {
t += tt;
var xcenter = 100;
var ycenter = 100;
var newLeft = Math.floor(xcenter + (r * Math.cos(t)));
var newTop = Math.floor(ycenter + (r * Math.sin(t)));
$('#tr1').animate({
top: newTop,
left: newLeft,
}, 1, function() {
moveit1();
});
}
function moveit2() {
t += tt;
var xcenter = 100;
var ycenter = 100;
var newLeft = Math.floor(xcenter + (r * Math.cos(t)));
var newTop = Math.floor(ycenter + (r * Math.sin(t)));
$('#tr2').animate({
top: newTop,
left: newLeft,
}, 1, function() {
moveit2();
});
}
function moveit3() {
t += tt;
var xcenter = 100;
var ycenter = 100;
var newLeft = Math.floor(xcenter + (r * Math.cos(t)));
var newTop = Math.floor(ycenter + (r * Math.sin(t)));
$('#tr3').animate({
top: newTop,
left: newLeft,
}, 1, function() {
moveit3();
Тут получается 3 треугольника, которые организуют один большой треугольник и вся эта конструкция вращается по кругу. А нужно, чтобы центры этих треугольников вращались под одной круговой траектории. Вот так... |
| Часовой пояс GMT +3, время: 20:26. |