插值动画编辑器


使用JavaScript语法创建复杂的动画实时编辑器
可以根据输入的方程式来得出实时的动画结果
X轴表示时间,Y轴表示当前时间下计算的数值
可视化结果可用:位移、缩放、旋转、渐变等方式展示
右侧的公式输入框内输入你想要的公式,左侧即刻展示差值结果
内置了一些常用的差值器,如线性、spring、回弹等
欢迎使用,如果喜欢可以收藏


Interpolator

Realtime interpolation equation WYSIWYG editor

Use JavaScript syntax to create complex equations.

Result of equation is evaluated as y (depends on type of visualization: movement = vertical position from X to Y point; scaling = scale X and Y size from 0% to 100%; rotation = degress from 0° to 360°; alpha = opacity from 0% to 100%). Graph can show show y min. -1.0 and max. 2.0

Available input variables: x = time, d = duration

You can use all JavaScript Math functions/constants - see list here.
Use JS math functions without Math.!

Keyboard shortcuts

Use ALT+ or ALT+SHIFT+ (firefox) or CTRL+ALT+ (mac)

M - movement, S - scaling, R - rotation, A - alpha, X - stop

Sorry, your browser is not supported.

公式

可视变化:



持续时间:

ms



京ICP备20014448号

京公网安备 11010502040975号