Продолжаем изучать использование возможностей svg-графики для интерактивной анимации на примере построения полярных кривых в параметрическом виде. Здесь приведен пример кривой, построенной по уравнению, заданному следующими выражениями:

function xFunc(t){
 return 4*(Math.sin(4*t)-.3)*Math.cos(2*t);
}
function yFunc(t){
 return 4*(Math.sin(4*t)-.3)*Math.sin(2*t);
}
Чтобы запустить анимацию надо кликнуть по красной точке. Правда, можно кликнуть в любой точке рисунка. Повторный клик остановит анимацию.
1 2 3 4 5 -1 -2 -3 -4 -5 1 2 3 4 5 -1 -2 -3 -4 -5
А теперь приводим полный код, отвечающий за построение анимированного графика:


 Похожие публикации
2016-03-23 • Просмотров [ 302 ]