<分区>
我正在开发一款 HTML5 游戏,它是关于不断旋转 div 元素并向其添加元素的。
我注意到旋转并不像应有的那样平滑和规则,有时可以注意到小的跳跃。
我使用带有旋转变换的 setInterval 来创建效果,但它确实很糟糕且不稳定。然后我更改了代码以使用 requestAnimationFrame,它变得更好但仍然不完美,并且限制了速度控制。
我也在使用这个 CSS 代码将动画处理传递给 GPU:
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
有人知道我还能做些什么来改进动画吗?看起来很简单,用 cordova 一次动画就可以了,但是当我们需要让一些元素不断地动画时,性能并不是很好。