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, время: 04:15. |