cocos creator酷跑游戏制作02--定义一个跑酷动画

最新推荐文章于 2023-12-11 12:02:20 发布
最新推荐文章于 2023-12-11 12:02:20 发布
阅读量1.4k 收藏 9
点赞数 3
分类专栏： 游戏开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013377261/article/details/88394950
版权
本文档详细介绍了如何在Cocos Creator中创建一个跑酷游戏的动画。首先，通过ShoeBox拆分角色图片，接着在Cocos Creator中新建项目，设置资源文件夹，使用TexturePackerGUI合并精灵图。然后，在项目中创建节点和动画Clip，导入图片，配置动画参数，如Sample、Speed和WrapMode，并保存动画，将其挂载到默认动画槽位。完成所有步骤后，可以预览动画效果。
摘要由CSDN通过智能技术生成

首先找到酷跑资源包里的一个角色，用ShoeBox把图片拆分出来

在这里插入图片描述

拆分后的样子：

在这里插入图片描述

打开cocos Creator新建一个空白项目然后在资源管理器下的assets下

新建Texture 用于存放图片资源，
Animation用于存放动画clip，
Script用于存放JS代码，
Scene用于存放已制作好的游戏场景。
在这里插入图片描述

使用TexturePackerGUI 合并分割后的精灵图，

在这里插入图片描述
data file：存放在cocosCreator资源管理器中的新建好的Texture文件夹中
Texture file：路径和Datafile一致，此为合并后的照片集
设置好路径后点击Add Sprites下，

最低0.47元/天 解锁文章
不专心测试的测试猿
关注
专栏目录
CocosCreator—2D跑酷微信小游戏
Meiwentao的博客
07-27 3569
  Font 字体导入 必须 .fnt 和 .png 一起导入 触摸事件 http://docs.cocos.com/creator/manual/zh/scripting/internal-events.html 05_scripting > 03_events > TouchEvent 03_gameplay > 01_player_control &gt...
Cocos Creator 基于时序设计的跑酷游戏方案
toolman01的博客
01-28 979
把需要的状态一一定义出来，包括跑，跳，左右移动，暂停，失败。那么只需要一个节段控制脚本，负责按预设数量/概率/map去实例化自己左/中/右位的道具，再加一个路面控制脚本负责“发射”节段/控制节段时序，速度，生效时间，判断当前哪个节段在角色脚下。回到上面的参考图，如果把一个左中右道具位是做一个“节段”，则可以把整个路面视作从某一个生成点开始，持续“发射”节段，使其向下平移拼合而成的。interface定义，包括状态机实例引用，状态动画，动画片段名，入/出状态回调，可切换至的state列表，状态锁定时间。
跑酷游戏 cocos creator
10-14
跑酷游戏 cocos creator 实例小游戏，初入门可以看一下，动画效果还不不错。
开心跑酷cocoscreator游戏源码分享
02-28
cocos creator2.x版本亲测完美运行，直接导入即可。js语言，仅供学习交流不得商用，欢迎下载讨论
cocos creator 跑酷项目源码
11-10
cocos creator 熊猫跑酷项目源码，亲测可用，1.4版本以上。
cocos creator酷跑游戏制作03--定义一个跑酷背景及按钮图标
DevilLin的博客
03-12 1208
在层级管理器中新增一个精灵（spirit）并命名为BackGround，在资源管理器中新建一个BackGround文件夹存放背景图（怎么提取背景图已经在cocos creator酷跑游戏制作02–定义一个跑酷动画 讲解过） 将背景图挂载到BackGround精灵图SpriteFrame属性中 将展示这种效果 将角色拖拉到合适的位置，参数可参考左边红框中的 参数详解 Position：相对父节...
Cocos Creator 天天酷跑素材源码工程
05-06
【Cocos Creator 天天酷跑素材源码工程】是一个基于Cocos Creator游戏开发引擎的项目，用于构建类似“天天酷跑”的跑酷类游戏。这个工程包含了游戏的所有素材、源代码、资源配置以及可能的游戏逻辑，是理解Cocos ...
《Cocos Creator游戏实战》跑酷背景移动实现
热爱代码
12-22 2224
跑酷背景移动实现 节点布局 背景移动原理 编写脚本 本节我们来看看跑酷游戏中的背景是怎么移动的。 运行效果如下（蜗牛跑酷可还行...）： Cocos Creator版本：2.2.0 公众号后台回复"背景移动"，获取完整项目源码： 节点布局 首先创建以下节点： 1. bg1和bg2是两张一模一样的图片，它们的大小和锚点都一样，位置是前后拼接。 ...
cocos2d-x游戏开发 跑酷(五) 跳起和下蹲动作 手势识别
大掌教的Cocos Creator研究院
03-25 6397
人物已经可以跑动起来了，但是还仅仅只是一个单调的跑动，还会跑出屏幕。先实现一个无限滚动背景。 实现滚动背景有几个方式： 1.人物位置不动，背景滚动。我之前的天天飞翔是用的这种，不过那个背景移动是用的动画，两张图片重复动作滚动。还有之前的雷电，也是背景滚动。不过实现有点区别，是循环改变背景的Y坐标来实现的。 2.人物移动，当前层跟随人物，使用CCFollow。详细用法有兴趣可以自己搜索
cocos creator 小游戏源码
12-13
可以直接发布到微信，做成微信小游戏。是跟着教程做的小游戏，需要来
Cocos Creator 的炸弹人源码
11-01
Cocos Creator写的炸弹人源码以及资源文件，适合初学者学习，需要下载cocos creator后安装然后根据提示安装完成后，打开这个项目就可以尝试运行。
cocos creator 6个小游戏合集
06-27
整合了多个小游戏 供大家分享 2048 傻鸟. 消消乐等6个小程序. cocoscreator 实现. 可直接运行 大家互相学习
cocos2dx 精品跑酷游戏源码
02-24
cocos2dx 精品跑酷游戏源码 模仿天天酷跑 线下游戏 赚钱
CocosCreator七个小游戏完整源码+使用手册
02-02
CocosCreator七个小游戏完整源码+使用手册。全部可以运行的小游戏，内附Cocos安装手册、游戏运行手册！ 游戏包含：（2048、小鸟（小鸟躲避障碍物）、黄金矿工（黄金矿工小游戏 主要是在手机上横屏玩的）、开心消消乐、跑酷、扫雷、飞机大战） 使用编辑器版本：Creator2.3.2,可在浏览器查看运行效果。 本demo 仅供学习交流所用 请勿滥用。
CocosCreator 教你玩转Animation动画(第十四篇)
程序员战胜
03-07 8396
前言： Animation动画在游戏中是必不可少的，各种人物的走跑跳飞，以及各种表情动作，反正做游戏Animation动画是必修课了。 这一篇章可以学会制作和控制各种动画，主要从一下几个方面介绍： 动画制作流程； 使用Animation动画编辑器制作动画； 代码控制动画； 一、动画制作的流程 创建节点 ----> 挂载Animation组件 ----> 创建Animation C...
cocos2dx3.x实现人物行走动画
qq_41620823的博客
08-17 966
1.效果 2.实现原理 首先需要四个方向运动的动画（建议使用动画缓存提前加载），第二步需要根据人物移动的方向设置五个状态即上、下、左、右、站立，第三步添加键盘的监控事件，按下相应方向的方向键则播放对应的动画，当然这里需要检查这次按键是否与上次按键相同若相同则不更改动画，不同则需要更改动画。这里的所有动画设置为无限循环，即setLoop（-1）。大概的原理是这样，具体细节可讨论。 ...
学习开发香肠人跑酷比赛 cocos creator 游戏源码 部分代码分享解析
最新发布
aixigame008的博客
12-11 306
超级好玩香肠跑酷派对是一款趣味十足的跑酷闯关类游戏，游戏中有着海量的关卡可以去挑战，而且游戏的操作也是很简单易上手的，玩家可以通过自己的努力一步一步闯关。途中会出现各种各样的障碍物会阻碍你的前行，你需要时刻小心，凭借自己良好的操作能力去躲开他们，完成闯关还可以解锁道具奖励。超级好玩这个用cocoscreator引擎开发。版本2.4.11 语言ts。
CocosCreator之KUOKUO教你用2D物理碰撞撸3D横版酷跑
kuokuo666的博客
07-31 2268
引擎版本 CocosCreator v2.1.2 版本不能低于2.1.1 演示 两个平台一个跳跃方块，靠这些就可以做横版3D跑酷了哟！ 制作过程 新建一个工程，然后加入平台（Box） 材质 新建材质，指定一个颜色。 在属性那里拖入 这时你可能会看的是黑色，不要慌，加个光照。 操作键位： 按住鼠标中间拖动，按住 Alt 键位转动视角。 2D、3D可以点击切换 纹理 这里我在网上顺便下了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值