CocosBuilder使用总结


这里有一章博客,可以看看

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+左键点击即可在点击位置上添加关键帧,然后双击关键帧进行编辑即可。

CocosBuilder使用总结_第1张图片

回调函数,可不借助与任何精灵、按钮,而直接实现调用函数。

Selector为对应的调用函数,Target常用Document root。

CocosBuilder使用总结_第2张图片

红框处为选择声音资源文件。

4、CocosBuilder制作动画

1、 设置动画时间长度:

CocosBuilder使用总结_第3张图片

点击矩形的时间,即可编辑动画的时间长度。

需要注意的是:

CocosBuilder使用总结_第4张图片

第三项也是表示时间的一部分。

2、如何添加关键帧

(1)添加精灵,精灵图片(设置精灵属性),并选择精灵

(2)拖动时间轴,再点击Animation——Insert Keyframe——改变属性(可视、位置、缩放等等),添加关键帧,并设置属性。

(3)0秒时的关键帧,设置其它时间的关键帧

 CocosBuilder使用总结_第5张图片

两步,即可生成能运动的动画!!!

5、循环动画

CocosBuilder使用总结_第6张图片

上面的Default Timeline表示这是默认的时间线,创建ccb时一起创建的。点击最下面的No chained timeline,选择Default Timeline(表示执行完当前时间线DefaultTimeline后,再执行Default Timeline),即可实现循环动画。

第一个红框表示当前的时间线的名字

第三个红框表示执行完当前时间线后执行的下一个时间线

例如我们可以做两条时间线,第一条执行完执行第二条;第二条则为循环时间线,即它执行完后继续执行自己。

注意:循环动画的最后一帧必须和第一帧一样,否则会出现闪烁现象。

6、时间线Timeline

CocosBuilder使用总结_第7张图片

接着4循环动画。

Timelines为选择时间线。

Edit Timelines为编辑时间线,如更改名字等。

New Timelines为创建新的时间线。

DuplicateTimelines为复制时间线

7、声音在ccb的实现方法

两种:

1、直接在sound effects中添加关键帧,播放声音文件。

2、代码中实现函数调用声音文件,在ccb的callback回调函数中添加关键帧调用函数。

8、多帧动画的实现

每张间隔多久?

CocosBuilder使用总结_第8张图片

设置两个Visible关键帧来控制图片的显示时间。

 

每帧延续时间为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,还有缩放的区别。

CocosBuilder使用总结_第9张图片

我的屏幕大小是720*1280.

接近这个800*1280的,因此我选择了这个。

Scale为2.00的意思就是,你在ccb里面设置的坐标会放大两倍。例如,本来对应800*1280的屏幕,设置坐标为400*640才是中心位置;但是现在我们只需要设置为200*320就行了。

13、快捷键添加关键帧

选择精灵,并放置好时间轴,按下关键帧的对应首字母即可添加关键帧 。

如p即可添加Position关键帧。

CocosBuilder使用总结_第10张图片

14、创建一个精灵ccb!!!

区别Layer的ccb和Sprite的ccb!!!

 CocosBuilder使用总结_第11张图片

Root object type:根节点类型。即表示创建的ccb是什么。

如果选择Layer,就表示创建的ccb是一个布景层,根节点是布景层layer。

如果选择Sprite,则表示创建的ccb是一个精灵,根节点是精灵。(如添加到别的ccb作为精灵节点。)





你可能感兴趣的:(Cocos2dx)