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

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、如何添加关键帧

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

(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、多帧动画的实现

每张间隔多久?


设置两个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,还有缩放的区别。

我的屏幕大小是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作为精灵节点。)

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

  1. Canvas实现贝赛尔曲线轨迹动画的示例代码

    这篇文章主要介绍了Canvas实现贝赛尔曲线轨迹动画的示例代码的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  2. HTML5 直播疯狂点赞动画实现代码 附源码

    为了烘托直播间的氛围,直播相对于普通视频或者文本内容,点赞动作通常无限次,引导用户疯狂点赞,今天小编给大家分享HTML5 直播疯狂点赞动画实现代码 附源码,感兴趣的朋友一起看看吧

  3. CSS中实现动画效果-附案例

    这篇文章主要介绍了 CSS中实现动画效果并附上案例代码及实现效果,就是CSS动画样式处理,动画声明需要使用@keyframes name,后面的name是人为定义的动画名称,下面我们来看看文章的具体实现内容吧,需要的小伙伴可以参考一下

  4. 基于canvas的骨骼动画的示例代码

    这篇文章主要介绍了基于canvas的骨骼动画的示例代码的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  5. html5如何在Canvas中实现自定义路径动画示例

    本篇文章主要介绍了html5如何在Canvas中实现自定义路径动画示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  6. 基于HTML5+Webkit实现树叶飘落动画

    本文给大家分享一段实例代码给大家介绍基于HTML5+Webkit实现树叶飘落动画效果,需要的朋友参考下吧

  7. Html5页面内使用JSON动画的实现

    这篇文章主要介绍了Html5页面内使用JSON动画的实现的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5实现图片转圈的动画效果——让页面动起来

    这篇文章主要介绍了html5实现图片转圈的动画效果——让页面动起来的相关资料,需要的朋友可以参考下

  9. 基于 HTML5 WebGL 实现的医疗物流系统

    物联网( IoT ),简单的理解就是物体之间通过互联网进行链接。这篇文章给大家介绍基于 HTML5 WebGL 实现的医疗物流系统,感兴趣的朋友跟随小编一起看看吧

  10. 为什么这个简单的动画无法在iOS 7上运行?

    在我的项目中,我有一个简单的动画,我只是从左到右移动一个视图.这在iOS6中运行良好,但是当我在iOS7中运行它没有做任何事情.有人知道为什么吗?如果动画非常简单,我该如何修复iOS7?我的代码是:我做了更新,我使用Xcode5和iOS7所以任何帮助人,你知道如何解决这个问题吗?

随机推荐

  1. 【cocos2d-x 3.x 学习笔记】对象内存管理

    Cocos2d-x的内存管理cocos2d-x中使用的是上面的引用计数来管理内存,但是又增加了一些自己的特色。cocos2d-x中通过Ref类来实现引用计数,所有需要实现内存自动回收的类都应该继承自Ref类。下面是Ref类的定义:在cocos2d-x中创建对象通常有两种方式:这两中方式的差异可以参见我另一篇博文“对象创建方式讨论”。在cocos2d-x中提倡使用第二种方式,为了避免误用第一种方式,一般将构造函数设为protected或private。参考资料:[1]cocos2d-x高级开发教程2.3节[

  2. 利用cocos2dx 3.2开发消灭星星六如何在cocos2dx中显示中文

    由于编码的不同,在cocos2dx中的Label控件中如果放入中文字,往往会出现乱码。为了方便使用,我把这个从文档中获取中文字的方法放在一个头文件里面Chinese.h这里的tex_vec是cocos2dx提供的一个保存文档内容的一个容器。这里给出ChineseWords,xml的格式再看看ChineseWord的实现Chinese.cpp就这样,以后在需要用到中文字的地方,就先include这个头文件然后调用ChineseWord函数,获取一串中文字符串。

  3. 利用cocos2dx 3.2开发消灭星星七关于星星的算法

    在前面,我们已经在GameLayer中利用随机数初始化了一个StarMatrix,如果还不知道怎么创建星星矩阵请回去看看而且我们也讲了整个游戏的触摸事件的派发了。

  4. cocos2dx3.x 新手打包APK注意事项!

    这个在编译的时候就可以发现了比较好弄这只是我遇到的,其他的以后遇到再补充吧。。。以前被这两个问题坑了好久

  5. 利用cocos2dx 3.2开发消灭星星八游戏的结束判断与数据控制

    如果你看完之前的,那么你基本已经拥有一个消灭星星游戏的雏形。开始把剩下的两两互不相连的星星消去。那么如何判断是GameOver还是进入下一关呢。。其实游戏数据贯穿整个游戏,包括星星消除的时候要加到获得分数上,消去剩下两两不相连的星星的时候的加分政策等,因此如果前面没有做这一块的,最好回去搞一搞。

  6. 利用cocos2dx 3.2开发消灭星星九为游戏添加一些特效

    needClear是一个flag,当游戏判断不能再继续后,这个flag变为true,开始消除剩下的星星clearSumTime是一个累加器ONE_CLEAR_TIME就是每颗星星消除的时间2.连击加分信息一般消除一次星星都会有连击信息和加多少分的信息。其实这些combo标签就是一张图片,也是通过控制其属性或者runAction来实现。源码ComboEffect.hComboEffect.cpp4.消除星星粒子效果消除星星时,为了实现星星爆裂散落的效果,使用了cocos2d提供的粒子特效引擎对于粒子特效不了

  7. 02 Cocos2D-x引擎win7环境搭建及创建项目

    官网有搭建的文章,直接转载记录。环境搭建:本文介绍如何搭建Cocos2d-x3.2版本的开发环境。项目创建:一、通过命令创建项目前面搭建好环境后,怎样创建自己的Cocos2d-x项目呢?先来看看Cocos2d-x3.2的目录吧这就是Cocos2d-x3.2的目录。输入cocosnew项目名–p包名–lcpp–d路径回车就创建成功了例如:成功后,找到这个项目打开proj.win32目录下的Hello.slnF5成功了。

  8. 利用cocos2dx 3.2开发消灭星星十为游戏添加音效项目源码分享

    一个游戏,声音也是非常的重要,其实cocos2dx里面的简单音效引擎的使用是非常简单的。我这里只不过是用一个类对所有的音效进行管理罢了。Audio.hAudio.cpp好了,本系列教程到此结束,第一次写教程如有不对请见谅或指教,谢谢大家。最后附上整个项目的源代码点击打开链接

  9. 03 Helloworld

    程序都有一个入口点,在C++就是main函数了,打开main.cpp,代码如下:123456789101112131415161718#include"main.h"#include"AppDelegate.h"#include"cocos2d.h"USING_NS_CC;intAPIENTRY_tWinMain{UNREFERENCED_ParaMETER;UNREFERENCED_ParaMETER;//createtheapplicationinstanceAppDelegateapp;return

  10. MenuItemImage*图标菜单创建注意事项

    学习cocos2dx,看的是cocos2d-x3.x手游开发实例详解,这本书错误一大把,本着探索求知勇于发现错误改正错误的精神,我跟着书上的例子一起调试,当学习到场景切换这个小节的时候,出了个错误,卡了我好几个小时。

返回
顶部