matlab极坐标轨迹动画,曲线轨迹动画原理

一.动画函数

动画，是位移关于时间的函数：s = f(t)

自变量是t，因变量是s，物体的位移随着时间变化，看起来就是动画，例如：

// 已知

var property = 'marginLeft';

var s0 = 100; // 起点

var s1 = 200; // 终点

var duration = 1000;

// 由题意得

var S = s1 - s0; // 总位移

var T = duration; // 总时间

// 求任意时刻t对应的位移

var t0 = +new Date();

var tick, interval = 1000 / 60;

setTimeout(tick = function() {

var t = +new Date() - t0;

// 完成度

var p = Math.min(t / T, 1);

// t时刻相对起点的位移s

var s = S * p;

document.body.style[property] = s0 + s + 'px';

if (p !== 1) setTimeout(tick, interval);

}, interval);

marginLeft从100px到200px均匀改变，body先向右跳100px，然后在1秒内匀速向右移动100px

要实现这样的动画，面临的唯一问题是：已知总位移S和总时间T，求任意时刻t相对起点的位移s

我们实现了匀速直线运动，看起来好像没有用到s = vt，其实是有的：

s = v * t

= (S / T) * t

= S * (t / T)

= S * p

因为动画函数是s = f(t)，里面没有v，需要把v换成已知量，因为完成度p = t / T，所以动画也是位移关于完成度的函数

二.匀变速运动

同样的道理，换掉匀变速运动位移公式中的v和a，得到位移s关于时间t的函数

匀加速

位移公式