文章详情页
Canvas 全是帧动画吗? 为啥没有像CSS3那种缓动动画?
问题描述
如题
才开始学Canvas 。
找遍了好多资料,发现 Canvas 没有缓动动画
( 比如 ,画了一个方块 ,然后设置他的目标位置 ,然后,他自己就move过去 ,设置一个旋转,设置时间,他就自己转过去。)
全是 帧动画
(画了一个方块,然后用定时器,先清理画布,再重新绘制变动了位置的方块,然后判断他的位置是否到达目标,如果没有,继续循环,周而复始 直到 达到目的地 )
难道Canvas 真的只有帧动画 没有像CSS3那种好用的缓动动画吗?
问题解答
回答1:有相关框架哒,比如createjs之类的,自己撸canvas动画太伤身。。
回答2:可以借助第三方库,比如tween.js实现,或者用现成框架,省时省力,我用的是HTML5游戏框架Phaser,包含PIXI和tween.js,轻巧,快速,强大,用起来很舒服。
标签:
CSS
相关文章:
1. 数据库设计 - Binary Allow Null Default mysql数据库字段属性问题 ?2. mysql每隔10来秒就有一次7、8MB的写入3. java - jstl中c标签无法解析报错如何解决4. angular.js - 使用angular-xeditable报错5. docker start -a dockername 老是卡住,什么情况?6. dockerfile - [docker build image失败- npm install]7. 老师,CSS3里面,选择一个DIV,这个DIV是以什么为原点进行旋转的啊?8. PHP中的$this代表当前的类还是方法?9. python - 网站显示的图片与爬虫获取到的图片不同,应该如何确定问题?10. php laravel框架模型作用域
排行榜