Canvas 全是帧动画吗? 为啥没有像CSS3那种缓动动画?

如题

才开始学Canvas 。

找遍了好多资料,发现 Canvas 没有缓动动画

( 比如 ,画了一个方块 ,然后设置他的目标位置 ,然后,他自己就move过去 ,设置一个旋转,设置时间,他就自己转过去。)

全是 帧动画

(画了一个方块,然后用定时器,先清理画布,再重新绘制变动了位置的方块,然后判断他的位置是否到达目标,如果没有,继续循环,周而复始 直到 达到目的地 )

难道Canvas 真的只有帧动画 没有像CSS3那种好用的缓动动画吗?

阅读 4.7k
3 个回答

可以借助第三方库,比如tween.js实现,或者用现成框架,省时省力,我用的是HTML5游戏框架Phaser,包含PIXItween.js,轻巧,快速,强大,用起来很舒服。

有相关框架哒,比如createjs之类的,自己撸canvas动画太伤身。。

新手上路,请多包涵

动画不是有帧动画 缩放、旋转 移动包括曲线移动 以及有 曲线什么选快侯曼之类的动画吗。canvas 和css 一样道理的 只是怎么用问题而已,都一样的,你可以去这个网站33小游戏,看里面游戏canvas是不是各种动画都有啊!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题