原创,转载请注明出处!

基本流程

>=-. 准备工作


#. 把一个项目场景相关的,相对独立(别的场景用不到)的碎图,用TexturePack拼接成大的png图片文件及plist数据字处理文件


#. 多场景公用的图,可以以单图的形式存在。但上传资源的时候,注意他们只能出现一次

>=-. 新建工程

        #. 删除新工程时,自带着ccb文件,及相关资源文件, (在Finder下删除 cocosBuilder中自己就没有了, cocosBuilder中不能删除,这点还有点麻烦)

>=-. 新建ccb

        #. 把需要的资源放到工程目录下,新建自己的ccb文件

        #. 分辨率选择,标准Layer采用960*640的分辨率,新建ccb时,拖动设定

>=-.方便程序工作

        1.对于复杂的Layer,需要绑定一个程序的类,这时需要指定customclass, 这个将配合下面的程序工具使用

        2.一些CCObject,需要运行时,根据逻辑换成指定的图片或材质。对于这些CCObject,要给定名字(位于customclass下面),类型要指定,"Doc root var",这一点很重要,否则程序会报错。

>=-. 发布时,资源引用相对路径设置


Pubulish Setting 中 "Flatten paths when publishing", 这一项决定引用资源路径是绝对路径,还是相对路径。


所以要勾选它,


如果不勾选,相应的Xcode的文件夹蓝色的才行


官方解释:


So when the resources are added in Xcode, they need to be added as yellow folders (which is usually the default option). If you choose not to flatten the paths you should add your resources as blue folders in Xcode.

>=-. ccbi的多分辨率的命名

        整个工程可能用到多套ccbi文件,所以给ccbi的命名统一加,能标示分辨率的后缀比较好

        LogoinBgLayer_960_640.ccbi

        LoginBggLayer_1024_768.ccbi

技巧

1. 增加结点 


默认的新结点是加到和被选中结束,同一层上。 按住shift键增加的话,就加成选中结点的孩子。


By default the node is added as a sibling to the selected node or, if no node is selected, as a child to the root node. By holding down the shift key when adding an object it will instead be added as a child to the selected node.

2.旋转


按住option键,可以旋转结点

3. 简单动画编辑

   指定动画对象,先选择timeLine, 增加Position,Ratation等类型的关键帧。

4. 动做序列帧


plist中的第一帧拖上去, 选中其它帧右键->“create Frames From Selection”


如果想要改变帧间隔,全选(比较麻烦)后,Animation->Stretch Selection Frames


通过改变 No chained time line, 可以指定一个time line 完事后, 要不要接另一个time line


每个time line 可以单独设置在加载完后, 是不是自动播放。

5. 辅助线


和ps类似从左边或下边,可以直接拉出辅助线,


按住command键,可以拖动或移除辅助线

程序:

1.
工具


做了个工具(Mac版本),用于将场景和程序有交互的对象,自动生成相关的代码文件,具体操作见工程中的readme.txt


ccb -> (.h .cpp)


工具地址


http://download.csdn.net/detail/rct1985/5803033




http://pan.baidu.com/share/link?shareid=1829029709&uk=1308921510

2. 代码对动画的控制


CCBAnimationManager* l_animationManager = m_ccbReader->getAnimationManager();

    l_animationManager->runAnimationsForSequenceNamed("boyAnimation");

其中“boyAnimation”指的是一个timeLine的名字。

随时追加,

cocosBuilder使用总结的更多相关文章

  1. 编辑器CocoStudio和CocosBuilder的对比

    来源:http://4137613.blog.51cto.com/4127613/1352805   CocosBuilder CocoStudio 控件种类 支持大部分cocos2d-x自带的常用控 ...

  2. cocosbuilder中使用字体描边时,字符重叠,间距过小问题

    cocosbuilder中使用字体描边时,字符重叠,间距过小问题 cocos2d-x 3.7 v3.7解析cocosbuilder中描边字体的代码如下: void LabelTTFLoader::pa ...

  3. 2dx解析cocosbuilder中使用layer时的缺陷

    2dx解析cocosbuilder中使用layer时的缺陷 cocos2d-x 3.7 cocosbuilder中的layer通常会用到触摸属性: 但是在2dx解析布局文件的时候,却很多属性都没解析: ...

  4. cocosbuilder学习汇总

    目前与cocos2d-x-2.14版本对应的cocosbuilder版本为cocosbuilder-3,目前为alpha-5.稳定版本为cocosbuilder2.1,但与cocos2d-x不匹配(C ...

  5. Cocos2d-x——CocosBuilder官方帮助文档翻译3 动画

    Working with Animations 动画 You can use CocosBuilder for creating character animations, animating com ...

  6. Cocos2d-x——CocosBuilder官方帮助文档翻译2 多分辨率支持

    Working with Multiple Resolutions 多分辨率设置 A common scenario when creating apps or games is to target ...

  7. [原创]使用命令行工具提升cocos2d-x开发效率(二)之CocosBuilder篇

    如果你正在使用CocosBuilder或者是其他基于CocosBuilder源码改装而成的工具为你的游戏搭建场景或者UI,那你一定要看看这篇文章:)   你是否已经厌倦了无聊的手工publish操作? ...

  8. Cocos2d-x——CocosBuilder官方帮助文档翻译1 使用自定义类

    原创:请注明转载! 在Cocos2d-x中使用CocosBuilder 使用自定义类 CocosBuilder的使用方法是通过自定义类.在CocosBuilder中选中一个对象并在属性栏中输入自定义类 ...

  9. cocos2d-x结合cocosbuilder,不同屏幕适配小结

    这个问题搞了好几天才解决,在此总结一下: 首先约定只使用一套图片资源同时应用于iphon4和iphon5(测试过在ipad下也能显示正常), 这里我们将需要全屏显示的背景制作为iphon5的尺寸即:1 ...

随机推荐

  1. quartz简单实现

    quartz介绍 在我们的项目中,经常会遇到某个任务需要在特定的时间点执行,这个时间点可能是每天的某分某秒,可能是一周的指定某个星期某个时间等:quartz就是实现这样一个复杂任务调度逻辑的框架. 官 ...

  2. jquery mobile入门资料

    由于项目中用到了,就去看了一下视频,然后进一步的找找资源,最后自己再总结一遍!(就是动手操作一遍,不论你感觉多简单,只有动手之后,你才有可能有收获) 当然如果你喜欢看文档可以到官网仔细研究,不过喜欢快 ...

  3. NPOI的使用

    简介:NPOI是POI(APATCH的一个开源项目)项目的.NET版本,最初的POI只用于JAVA来操作EXCEL or WORD等微软OLE2组件项目.使用NPOI可以完成在你没有安装Office或 ...

  4. Maven配置jar(war)包自动打包上传Maven服务器的配置

    Maven配置jar(war)包自动打包上传Maven服务器的配置 创建jar(war)包工程 创建一个maven工程 在工程中穿件一个测试类 配置pom.xml <distributionMa ...

  5. Java8 map和reduce

    map final List<Integer> numbers = Arrays.asList(1, 2, 3, 4); final List<Integer> doubleN ...

  6. python中的“引用”和C++的引用

    python并不刻意区分“按值传递”和“按引用传递”. 在底层,python将值分为不可变对象(比如int,str)和可变对象(比如列表).所有的变量都是对某个对象的引用,赋值(=)和函数参数传递,都 ...

  7. 使用java.util.Timer来周期性的执行制定的任务

    使用java.util.Timer来周期性的执行制定的任务 public class HandlerTest extends Activity { int[] images = new int[] { ...

  8. 简单的GDI+双缓冲的分析与实现

    为什么要使用双缓冲绘制 在进行多图元绘制的时候: 因为是要一个一个画上去,所以每画一个图元,系统就要做一次图形的绘制操作,图形的重绘是很占用资源的,特别当需要重绘的图形数量很多的时候,所造成的消耗就特 ...

  9. javascript 不间断向左滚动图片

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. Node.js(window)基础(2)——node环境下的模块,模块间调用

    参考:http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450241959 ...