网站首页 > 博客文章 正文
本文,我们通过DragonBones Pro编辑器,来实现一个扑克牌翻牌的动画效果,该动画效果通过缩放x轴来实现扑克牌的翻转效果。制作该动画需要你准备2张扑克牌,一张扑克牌正面,一张扑克牌反面。
你需要在骨架装配里创建两个骨头,用来绑定两张图片。两根骨头的坐标x:0,y:0,旋转也是:0,照片同理。
接下来点击进到动画制作,在开始的的第一帧正面图片x,y轴的缩放设置为1,每隔4帧x轴的缩放减小0.2,y轴不变,到了19帧是时候设y轴的缩放1,20帧是x,y缩放为0;
背面图片刚开始的时候x,y缩放为0 ,到了20帧的时候x轴的缩放为0,y轴为1,然后每隔4秒x轴的缩放增加0.2,y轴不变。
最后的效果如下图所示。
代码里你可以控制动画播放几次。
效果配置的文件:
https://github.com/qinchuang/DragonBonesPro--
以上就是本次教程的全部内容了,不知道各位开发者小伙伴们看完之后有没有学会,如果有任何关于白鹭引擎的问题,欢迎在文章内评论,我们共同交流探讨。
- 上一篇: 干货:如何设计一套微信表情包?(微信自己怎么设计表情包)
- 下一篇: 与你气质最匹配的大学(气质相配)
猜你喜欢
- 2024-09-21 自学 Cocos JS 之 让小公举走起来
- 2024-09-21 六大游戏巨头 E3 展前发布会大盘点:意外和遗憾并存
- 2024-09-21 自学 Cocos JS 之 另一场战斗(cocos引擎使用教程)
- 2024-09-21 HTML5 跨终端游戏解决方案——Hilo
- 2024-09-21 Cocos企业培训走进百视通 精品课程带来丰富干货
- 2024-09-21 微信作弊,为3款小游戏引擎开挂增速,为小游戏带来怎样的利好?
- 2024-09-21 2016生态大会游戏化引领H5营销新浪潮
- 2024-09-21 白鹭引擎重推3.1版:移动内容变革岂止于重度3D游戏
- 2024-09-21 layaBox h5游戏动画“坑”(layabox shader)
- 2024-09-21 白鹭时代发布7大产品 全面提升开发者生产力
你 发表评论:
欢迎- 08-06nginx 反向代理
- 08-06跨表插入连续的日期,sheetsname函数#excel技巧
- 08-06初中生也能学的编程,不走弯路,先用后学
- 08-06find命令的“七种武器”:远不止-name和-type
- 08-06恶意代码常见的编程方式
- 08-06kali2021ping 外网不通
- 08-06因为一个函数strtok踩坑,我被老工程师无情嘲笑了
- 08-06hadoop集群搭建详细方法
- 48℃nginx 反向代理
- 最近发表
- 标签列表
-
- ifneq (61)
- 字符串长度在线 (61)
- googlecloud (64)
- powershellfor (73)
- messagesource (71)
- plsql64位 (73)
- vueproxytable (64)
- npminstallsave (63)
- #NAME? (61)
- promise.race (63)
- 2019cad序列号和密钥激活码 (62)
- window.performance (66)
- qt删除文件夹 (72)
- mysqlcaching_sha2_password (64)
- nacos启动失败 (64)
- ssh-add (70)
- yarnnode (62)
- abstractqueuedsynchronizer (64)
- source~/.bashrc没有那个文件或目录 (65)
- springboot整合activiti工作流 (70)
- jmeter插件下载 (61)
- 抓包分析 (60)
- idea创建mavenweb项目 (65)
- qcombobox样式表 (68)
- pastemac (61)
本文暂时没有评论,来添加一个吧(●'◡'●)