网站首页 > 博客文章 正文
本文,我们通过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大产品 全面提升开发者生产力
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- powershellfor (55)
- messagesource (56)
- aspose.pdf破解版 (56)
- promise.race (63)
- 2019cad序列号和密钥激活码 (62)
- window.performance (66)
- qt删除文件夹 (72)
- mysqlcaching_sha2_password (64)
- ubuntu升级gcc (58)
- nacos启动失败 (64)
- ssh-add (70)
- jwt漏洞 (58)
- macos14下载 (58)
- yarnnode (62)
- abstractqueuedsynchronizer (64)
- source~/.bashrc没有那个文件或目录 (65)
- springboot整合activiti工作流 (70)
- jmeter插件下载 (61)
- 抓包分析 (60)
- idea创建mavenweb项目 (65)
- vue回到顶部 (57)
- qcombobox样式表 (68)
- vue数组concat (56)
- tomcatundertow (58)
- pastemac (61)
本文暂时没有评论,来添加一个吧(●'◡'●)