如何在cocostudio 创建动画2.0 的帧动画播放完之后，回调函数

来源：蜘蛛抓取(WebSpider) 时间：2017-11-03 10:00 标签： cocostudio动画教程
主题 : cocostudio怎么快速生成帧动画？
级别: 新手上路
可可豆: 62 CB
威望: 62 点
在线时间: 6(时)
发自: Web Page
cocostudio怎么快速生成帧动画？&&&
帧动画怎么快速生成啊，比如我已经从我的flash里导出了每一帧的图片，然后打包进了plist。cocostudio能不能自动通过plist里面的图片信息，一帧一帧的播放这些图片呢？
级别: 新手上路
可可豆: 62 CB
威望: 62 点
在线时间: 6(时)
发自: Web Page
刚刚看到教程了，，这个帖子回答清楚了。不过我还有一个问题，自动添加的动画为什么是5帧一个，我如果想一帧一个怎么办？
级别: 风云使者
UID: 183396
发帖: 4881
可可豆: 5742 CB
威望: 5905 点
在线时间: 1808(时)
发自: Web Page
回 1楼(leododo) 的帖子
添加后边的图片的时候，在动作模式下修改属性“帧间隔”设为1即可
级别: 圣骑士
可可豆: 965 CB
威望: 936 点
在线时间: 391(时)
发自: Web Page
回 1楼(leododo) 的帖子
赞一个，链接里面的方法可行，最新版本，已经可以设计多少帧一个图片了了，今天下载的，旧版本可能要自己手动设置了
关注本帖(如果有新回复会站内信通知您)
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 关注CVP公众号
扫一扫 浏览移动版CocoStudio sample讲解 SampleFrameAnimation序列帧动画 - CSDN博客
CocoStudio sample讲解 SampleFrameAnimation序列帧动画
CocoStuido
sample----SampleFrameAnimation源代码地址&
大家可以预先下载这个源代码,
等下要用到里面的图片资源哦&
动画是游戏中的重要组成部分.
序列帧动画是在时间轴上逐帧绘制不同的内容, 使其连续播放形成动画. 由于是逐帧显示, 所以具有极大的灵活性, 几乎可以表现任何想表现的内容. 序列帧动画以其灵活性, 简单性在游戏动画中占有重要的地位.&
在本教程里,
我们将学习在CocoStudio中快速制作序列帧动画, 并在cocos2d-x中运行.&
我们使用的cocos2d-x的版本是2.2.2,
CocoStudio的版本是1.2.0.1. 不同的版本, 功能上会有差异, 大家学习时, 最好采用对应的版本.&
创建项目并导入资源&
在上面的图中, 可以看到我们已经做了几条活灵活现的等待捕捞的各种鱼...&以及几只憨头憨脑的?*****９辍? 让我们就用这几只?*****９曜隼永囱跋滦蛄兄《闹谱靼桑?&&
你可以在下载到的源代码的SampleFrameAnimation/Resources目录中找到fish040.plist,&fish040.png,
这两个文件就是?*****９甑淖试次募?.&
用CocoStudio创建动画项目以及导入资源的步骤咱们这里不再赘述,
请参见本系列前面几篇教程.导入后的资源面板如下.&
从上图我们可以看到CocoStudio对打包后的图片文件支持非常好,
可以直接预览plist中的小图, 当然未打包的图更支持啦.&
第一张图片&
在动画编辑器的形体模式下,
我们将?*****９甑牡谝徽磐计?, &actor_fish_haigui_normal_001.png&拖拽到渲染区去.&
动画编辑器是有形体模式和动画模式两种, 我们只能在形体模式下拖拽图片到渲染区. 点击一下, 形体模式和动画模式可以互相切换.&
现在让我们切换到动画模式,
可以看到动画帧面板有一个Layer1的节点, 这个就是?*****９甑慕诘懔?. 在资源面板中选择?*****９阷list中的002-015的资源, 并拖拽到Layer1节点.&&
之后可以看到,
编辑器自动帮我们生成了一系列的关键帧.&&
现在可以点击下动画帧面板中的播放按钮了. 怎么样? 是不是看到憨头憨脑的?*****９昕旎畹赜味似鹄戳?.&
这个游戏中还带了其他,
比如fish010, fish020等小鱼的图片资源, 你可以如法炮制, 分别创建动画编辑器工程, 快如让他么也游动起来.&
现在我们要为程序内调用这些可爱的小鱼做准备了.
从菜单中选取&文件& =& &导出项目&(或者用快捷键 Ctrl + E), 选择下导出位置, 其他使用默认值即可.&
我导出到了桌面,
打开导出后的文件夹, 可以看到有&fish04.ExportJson,&fish04.plist,&fish04.png等几个文件. 我们稍后会用到这几个文件.&
在cocos2d-x工程中添加导出后的资源&
想必各位看官都已经熟练掌握了cocos2d-x工程的创建,
我这里就不再啰嗦了.&&
创建完工程之后,
需要将我们上面用CocoStudio导出的几个文件拷贝到cocos2d-x工程的Resources文件夹下.&
七 代码实现&
本教程的Demo包含了7种形态各异的小鱼, 所以我们要创建一个鱼的分类, 然后每种小鱼用一个子类来实现.&
打开SampleFrameAnimation/Classes目录下的Fishes.h和Fishes.cpp, 可以看到Fishes类的声明和实现.&
我们还是用?*****９曜隼?, 其他鱼类读取都是一样的. ?*****９暌悠聊坏纳戏接稳肫聊?,
然后从下方游出屏幕. 我们来看下其代码实现.&
这样我们就完成了, ?*****９甑睦嘁约捌涓咐?. 其他小鱼的类, 大家可以参见Fishes.h和Fishes.cpp. 如果有问题, 欢迎大家来留言讨论.&
八 代码调用的核心&
看到这里想必大家对如何在cocos2d-x中调用CocoStudio生成的动画文件了然于胸了吧, 是的, 其实其主要代码就下面几行, 也可以看出序列帧动画的调用也是非常方便, 快捷的, 非常便于理解的.&
好了, 大家的代码都写好了吧, 赶快运行一下, 让小鱼们快乐地游起来吧!&
本文已收录于以下专栏：
相关文章推荐
CocoStudio 简介2 环境搭建与配置3 序列帧动画的创建步骤4 如何在 Cocos2d-x 中运行其动画5 骨骼动画的创建
1 CocoStudio 简介
1 CocoStudio 简介
CocoStudio 是由 Cocos2d-x 官方推出的一个专门针对 Cocos2d-x 游戏开发的免费工具集，目前正在开发阶段，且日益完善之中！既是工具集...
Cocos2d-x 3.0 Alpha 1开始 对目录结构进行了整合。结果有些附加项目也被在项目中被精简出去。
比如说如果你需要使用CocoStdio导出的JSON、或使用Extensions扩...
CocoStuido sample----SampleCollision源代码地址  
/chukong/CocoStudioSamples  
大家可以预先下...
cocos2d序列帧动画plist文件的创建
他的最新文章
讲师：宋宝华
讲师：何宇健
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)

我要回帖

更多关于 cocostudio动画教程 的文章

 

随机推荐