动画帧在什么时间?

时间:2016-09-25 22:20:12

标签: javascript animation

我试图为图像添加动画效果。这是一个从左到右移动的简单动画。这最终将是用户下载的gif。

我目前有这个动画为5帧,每帧100毫秒,但动画看起来有点紧张。然后我增加到每帧50毫秒的20帧,但仍然看起来很紧张。想知道是否有关于使easein / slidein动画顺利进行的任何输入。我应该更多地增加帧数吗?

我的当前动画是(每帧100ms) 左:[x,x,x,x,x]

提前致谢!

1 个答案:

答案 0 :(得分:0)

最好为此使用CSS动画。它工作更顺畅,代码可以更简单。这是一个例子:

private static Integer[] descendingIntegerArray(int N) {
    Integer[] a = new Integer[N];
    for(int i = N; i > 1; i--) {
        int q = 0;
        a[q] = i;
        q++;
    }
    return a;
}  `

单击红色矩形将平滑地向右移动。