让蔡徐坤来教你实现游戏中的帧动画（上）
一款游戏除了基本功能之外，还需要给玩家更多视觉上的刺激，这个时候就需要用特效来装饰。本文就将介绍 Cocos Creator 的动画系统，除了标准的位移、旋转、缩放动画和序列帧动画以外，这套动画系统还支持任意组件属性和用户自定义属性的驱动，再加上可任意编辑的时间曲线和创新的移动轨迹编辑功能，能够让内容生产人员不写一行代码就制作出细腻的各种动态效果。
具体的参数功能介绍官方文档已经写的非常详细了，不清楚的同学可以直接去官网了解一下「 https://docs.cocos.com/creator/manual/zh/animation/ 」，这里就不再啰嗦，今天主要通过一个「蔡徐坤打篮球」的小 Demo 教你实现游戏中的帧动画。
1.首先将帧动画和背景图片资源导入工程中，需要资源的同学可以去我公众号回复「蔡徐坤」获得：
2.接下来先添加一个背景节点 BG_CXK：
3.添加好背景后，就是今天的主角了，和上面一样添加一个 Sprite 节点，将帧动画资源中的第一帧拖到对应位置：
4.接下来就要创建 Clip 文件了，Clip 就是一份动画的声明数据，我们将它挂载到 Animation 组件上，就能够将这份动画数据应用到节点上：
5.创建好 Clip 文件后，需要在 Player_CXK 节点上添加 Animation 组件，并将创建好的 Clip 文件拖到 Default Clip 属性位置，具体的参数介绍可以看图片中标注：
6.点击动画编辑器左上角的编辑按钮就可以对帧动画进行编辑了，点击 Add Property 按钮可以看到有各种属性可以添加，今天主要讲的是帧动画属性，因此别的属性就不再介绍，感兴趣的小伙伴可以参考官方文档自己尝试：
7.将全部帧动画文件全选后拖到第一帧的位置就完成了帧动画关键帧的创建，帧率决定每秒播放的帧数，这里我们将帧率设置成 19，和资源保持一致，你也可以设置不同的数值进行尝试：
8.可以看到动画编辑器上已经展示了每帧的动作，最后别忘了将 WrapMode 设置成 Loop 类型，勾选上 Play On Load，就可以运行查看效果了：
看着这骚气的背景、漂移的身姿，赶紧来尝试一下吧！
我是「Super于」，立志做一个每天都有正反馈的人！
让蔡徐坤来教你实现游戏中的帧动画（上）相关推荐
- 让蔡徐坤来教你实现游戏中的帧动画（中）
在上一篇介绍帧动画的文章中,我们已经介绍了如何给一个节点添加帧动画,忘记的小伙伴可以再去看看:让蔡徐坤来教你实现游戏中的帧动画(上),那么今天我们来给大家讲解一下如何通过脚本控制帧动画. 由于官网对通 ...
- 让蔡徐坤来教你实现游戏中的帧动画（下）
拖了将近一个月,终于把帧动画这部分写完了,新关注的或者已经忘记的小伙伴可以看一下之前写的部分: 让蔡徐坤来教你实现游戏中的帧动画(上) 让蔡徐坤来教你实现游戏中的帧动画(中) 今天这个还是在上一篇 ...
- 【Python游戏】咱就说Python实现一个蔡徐坤大战篮球的小游戏，可还行？ | 附带源码
相关文件 想学Python的小伙伴可以关注小编的公众号[Python日志] 有很多的资源可以白嫖的哈,不定时会更新一下Python的小知识的哈!! 需要源码的小伙伴可以在公众号回复蔡徐坤大战篮球 Py ...
- 【pygame游戏】用Python实现一个蔡徐坤大战篮球的小游戏，可还行？【附源码】
Python制作坤坤打篮球小游戏 序言 准备工作 开发环境 效果预览 开始界面 游戏规则 结束游戏 代码实现 序言 话说在前面,我不是小黑子~ 我是超级大黑子
- 用Python实现一个蔡徐坤打篮球的小游戏，【附源码】
准备工作开发环境 Python版本:3.7.8 相关模块: requests模块: tqdm模块: pyfreeproxy模块: pyechats模块: 以及一些python自带的模块. 效果预览 开 ...
- 厉害了！用12万行代码堆出来个蔡徐坤，编译还能通过！
点击"开发者技术前线",选择"星标????" 在看|星标|留言, 真爱 作者丨鱼羊 白交 来源丨量子位(ID:QbitAI) 有个程序猿,用12万行代码堆出来 ...
- 蔡徐坤：千万级“顶流”的背后，到底有多少真实成绩？
作者 | CBNData 来源 | 第一财经商业数据中心 8月2日,蔡徐坤迎来了他的21岁生日.这个二十出头的年轻人,被称作是中国的"超级流量明星",也经受过千万舆论的质疑和洗礼, ...
- 蔡徐坤正式成为FILA全新代言人
2020年7月8日,FILA 正式宣布蔡徐坤成为FILA代言人.意大利高级运动时装品牌FILA 斐乐与C位出道的青年音乐人蔡徐坤携手将"锋尚"的概念带入到大众视野.何为锋尚?锋,是 ...
- 看了这篇文，开始佩服蔡徐坤了
文/北妈 阅读本文需要 2.6分钟 一 每天群里还在说cxk这个关键字,显然现在cxk的人气和梗,已经是全民级别的了. 看到cxk三个字就忍不住很欢乐,并不是黑他, 如果读者里有坤粉,千万不要误会, ...
最新文章
- 1024 鲲鹏开发者技术沙龙·福州站圆满收官！给程序员的福利你收到了吗？
- 11g RMAN Restore archivelog用法
- Semaphore信号使用
- spring boot第七讲
- ant使用指南详细入门教程
- TypeScript 里 .d.ts 文件的用处
- mysql 修改表 引擎,mysql如何修改表类型(表引擎)
- 输入身份证号，输出出生日期
- 存储过程和函数的区别？
- JAVA中运用数组的四种排序方法
- 腾讯社交电商小鹅拼拼 如何突围万亿社交电商赛道？
- springboot前台页面写Java代码，接收后台数据，SpringBoot整合Thymeleaf的使用，实现非ajax请求后台的数据实现和遍历效果，以及数据的页面展示
- DELMIA软件物流仿真：使用输送带输送物料的仿真操作方法
- 一份超详细的VTD安装指南（内容含如何安装ubuntu系统及如何在ubuntu中安装显卡驱动）
- 智能卡APDU的命令及其解析
- Win7获取目录或文件trustedinstaller权限的方法
- Android视频融合特效播放与渲染
- GRUB4DOS（九）常用设备类型及map命令用法示例
- 尺寸工程分析软件-尺寸公差分析软件-尺寸链计算软件
- 【C语言打印红色玫瑰花】