这里有一章博客,可以看看
http://www.tairan.com/archives/2544
图文并茂使用CocosBuilder制作Cocos2D游戏
1、CocosBuilder资源图片大小的问题
我试过这样一种情况:
我在安卓工程中使用的图片是原大的,在CocosBuilder中则要用长宽均为一半,也就是1/4大小的图片。否则就会导致各种坐标错乱。
可能是ccb的缩放倍数的原因,也可能是苹果手机系统和安卓系统的区别。
2、CCNode属性的Position属性设置:
设置绝对坐标:这个简单,选择前面四个按钮其中之一,输入数值就ok。但是为了不同屏幕,我们更常用第五个按钮百分比%。也就是按屏幕大小的百分比来摆放。
但存在这样一种情况,我们不能用百分比。例如设置CCMenuItemImage的Position属性,可能是受父节点CCMenu的影响,我们设置不了百分比。这时我们就用第六个按钮了!!!
第六个按钮的官方英文注释:Multiply by resolution scale
中文则是:
与分辨率缩放系数相乘:这个选项将与你所设置的分辨率缩放系数相乘。
http://www.cnblogs.com/leonbao/p/3150735.html
百分比:
注意:百分比确定的位置是相对父节点的;例如父节点是一张背景图,百分比就是背景图的百分比坐标,而不是屏幕的坐标!!!
Contentsize:
一般的节点的Content size就是导入图片的大小。
但是布景层Layer的Contentsize是可以设置的。Layer的Content size影响触摸移动的水平、垂直推图,Layer的Content size即确定可以推动的尺寸。即,当图片比屏幕大时,我们可以左右移动图片。
3、CocosBuilder添加soundeffect和callback
按住Alt+左键点击即可在点击位置上添加关键帧,然后双击关键帧进行编辑即可。
Selector为对应的调用函数,Target常用Document root。
红框处为选择声音资源文件。
4、CocosBuilder制作动画
1、 设置动画时间长度:
点击矩形的时间,即可编辑动画的时间长度。
需要注意的是:
第三项也是表示时间的一部分。
2、如何添加关键帧
(2)拖动时间轴,再点击Animation——Insert Keyframe——改变属性(可视、位置、缩放等等),添加关键帧,并设置属性。
(3)0秒时的关键帧,设置其它时间的关键帧
两步,即可生成能运动的动画!!!
5、循环动画
上面的Default Timeline表示这是默认的时间线,创建ccb时一起创建的。点击最下面的No chained timeline,选择Default Timeline(表示执行完当前时间线DefaultTimeline后,再执行Default Timeline),即可实现循环动画。
第一个红框表示当前的时间线的名字。
第三个红框表示执行完当前时间线后执行的下一个时间线。
例如我们可以做两条时间线,第一条执行完执行第二条;第二条则为循环时间线,即它执行完后继续执行自己。
注意:循环动画的最后一帧必须和第一帧一样,否则会出现闪烁现象。
6、时间线Timeline
接着4循环动画。
Timelines为选择时间线。
Edit Timelines为编辑时间线,如更改名字等。
New Timelines为创建新的时间线。
DuplicateTimelines为复制时间线
7、声音在ccb的实现方法
两种:
1、直接在sound effects中添加关键帧,播放声音文件。
2、代码中实现函数调用声音文件,在ccb的callback回调函数中添加关键帧调用函数。
8、多帧动画的实现
每张间隔多久?
每帧延续时间为4或5frames(注意这里的frames表示时间)
不同的动作,帧数不一样都会需要不同的延续时间。
不同动作要顺畅,需要的帧数是不一样的。
9、如何获取一张图片的镜像图片
scale中,设置x为-1即可。
10、多帧动画的闪烁现象
我的实现是:1234,1234,1234.
重复三次为一个循环。
问题:每次循环结束都会有个闪烁出现。
原因:可能是最后一刻没有图片。
如图片1的Visible关键帧帧长为1到4,1的时候Visible为true,4的时候为false。所以上面的重复三次后的4的最后一刻是为false的,从而没有任何图片显示,导致闪烁。
我这里的循环是2345,最后一刻5不显示,所以要让2显示。(红框处)
11、动画帧是可以选中多帧然后进行拖动的,当然单帧也一样
12、ccb上的图片大小、位置和手机上显示的有区别
原因:
ccb的尺寸大小和手机的屏幕大小不对应。
解决方法:
建立的ccb尺寸大小尽量和手机屏幕差不多。这样显示效果就基本一致了。
另外,不同尺寸的ccb,还有缩放的区别。
我的屏幕大小是720*1280.
接近这个800*1280的,因此我选择了这个。
Scale为2.00的意思就是,你在ccb里面设置的坐标会放大两倍。例如,本来对应800*1280的屏幕,设置坐标为400*640才是中心位置;但是现在我们只需要设置为200*320就行了。
13、快捷键添加关键帧
选择精灵,并放置好时间轴,按下关键帧的对应首字母即可添加关键帧 。
如p即可添加Position关键帧。
14、创建一个精灵ccb!!!
区别Layer的ccb和Sprite的ccb!!!
Root object type:根节点类型。即表示创建的ccb是什么。
如果选择Layer,就表示创建的ccb是一个布景层,根节点是布景层layer。
如果选择Sprite,则表示创建的ccb是一个精灵,根节点是精灵。(如添加到别的ccb作为精灵节点。)