Движение квадрата по кругу?

Question

[Григорий Дикий]

Здравствуйте, есть задание:

Напишите сценарий перемещения цветного квадрата по кругу. Траекторию удобно описывать параметрическими уравнениями:
x = R*cos(t),
y = R*sin(t) ,
где: R– радиус круга, 0 <= t <= 2

Не удается написать функцию движения:

st = false;

function Move ()
{
    if(st)
    {
        window.clearInterval(proc);
        st = false;
        document.all.button.innerHTML = "Запустить";
    }
    else
    {
        proc = window.setInterval("MoveCircle()", 100);
        st = true;
        document.all.button.innerHTML = "Стоп";
    }
}

function MoveCircle ()
{
    
}

<button type="submit" onclick="Move()" id="button">Запустить</button>
    <div class="cub" id="cub" style="position:absolute;top: 0;left: 0;"></div>

Может кто-то сталкивался с подобной задачей?

Comments

[Nikolay Talanov]

Вам необходимо это сделать именно на js с костылями? Потому-что это можно сделать на css за пару минут.

[Григорий Дикий]

Nikolay Talanov: да , этого требует препод

Answer 1

[Алексей Зуев]

Скорее всего 0 <= t <= 2π

Окружность также можно описать с помощью параметрического уравнения:

википедия

Пример реализации
Но по сути можно не ограничиваться этими границами, а рассматривать t как просто время, увеличивающееся на каждой итерации. Т.е. в коде можно убрать обнуление t

if(t > 2*Math.PI) t = 0;

Answer 2

[Виталий Инчин ☢]

habrahabr.ru/sandbox/62771