文章详情页
Canvas 全是帧动画吗? 为啥没有像CSS3那种缓动动画?
浏览:272日期:2023-02-04 17:11:27
问题描述
如题
才开始学Canvas 。
找遍了好多资料,发现 Canvas 没有缓动动画
( 比如 ,画了一个方块 ,然后设置他的目标位置 ,然后,他自己就move过去 ,设置一个旋转,设置时间,他就自己转过去。)
全是 帧动画
(画了一个方块,然后用定时器,先清理画布,再重新绘制变动了位置的方块,然后判断他的位置是否到达目标,如果没有,继续循环,周而复始 直到 达到目的地 )
难道Canvas 真的只有帧动画 没有像CSS3那种好用的缓动动画吗?
问题解答
回答1:有相关框架哒,比如createjs之类的,自己撸canvas动画太伤身。。
回答2:可以借助第三方库,比如tween.js实现,或者用现成框架,省时省力,我用的是HTML5游戏框架Phaser,包含PIXI和tween.js,轻巧,快速,强大,用起来很舒服。
标签:
CSS
相关文章:
1. javascript - gulp-nodemon 使用重启express 服务器的时候端口被占用2. 求救一下,用新版的phpstudy,数据库过段时间会消失是什么情况?3. android-studio - android studio自带模拟器中的本地“图库”所对应的路径是什么?4. node.js - yo webapp构建项目时报错了,如图5. html5 - H5中播放的视频如何有效的进行知识产权保护-防下载防盗链6. mysql - 对单表大量数据进行报表汇总有什么高效的方法7. javascript - 请问一下react-native 布局的时候,尺寸的大小是如何确定的呢?8. thinkphp中Controller里面使用Request::File(’image’);9. 【python小白】 问关于之初始化一次对象的问题10. html5 - 目前 公司App 嵌入H5页面 做个 手机支付功能 没有做过 所以 请求各位有经验的 给个思路
排行榜

网公网安备