cocos2D三---- 第一个cocos2d程序的代码分析

第一讲中已经新建了第一个cocos2d程序,运行效果如下:


在这讲中我们来分析下里面的代码,了解cocos2d的工作原理,看看屏幕上的这个"Hello World"是如何显示出来的。

这是HelloWorld项目的代码结构:

下面,我们开始分析项目中的这些源文件:


从程序的入口点开始

这么多源文件在这里,究竟先看哪个呢?有些人可能会先挑内容少的来看,觉得这样就可以轻松解决掉一个源文件了,其实这是不对的,这样看起来更加是一头雾水,根本搞不清楚每个源文件之间的联系。正确的做法应该是从程序的入口开始看起,慢慢理顺各个源文件之间的关系。

有过iOS开发经验的朋友都知道,一个iOS程序的入口是main函数,这个main函数存在于main.m中。打开main.m文件,看看main函数的内容:

[java] view plain copy
  1. intmain(intargc,char*argv[]){
  2. NSAutoreleasePool*pool=[[NSAutoreleasePoolalloc]init];
  3. intretVal=UIApplicationMain(argc,argv,nil,@"AppDelegate");
  4. [poolrelease];
  5. returnretVal;
  6. }

重点是这句代码:UIApplicationMain(argc,@"AppDelegate"),UIApplicationMain函数会根据第4个参数传入的类名创建一个应用程序的代理对象,这里创建的是AppDelegate对象,因此AppDelegate对象就是整个应用程序的代理。

那应用程序的代理有什么作用呢?

UIApplicationMain函数创建好应用程序的代理之后,会开启事件循环,一旦监听到系统事件,就会通知代理对象,并调用代理对象相关的生命周期方法来处理事件。比如:

* ios设备的内存极其优先,如果一个应用程序占用了太多内存,操作系统会发出内存警告,在应用程序接收到这个事件后它会调用代理的applicationDidReceiveMemoryWarning方法,代理在这个方法内可以进行释放内存的操作以防止操作系统强制终止应用程序的运行

* 当应用程序成功加载完毕后,会调用代理的application:didFinishLaunchingWithOptions:方法,一般会在这个方法里面初始化应用程序的第一个界面


AppDelegate解读

从上面的分析可知,一般会在AppDelegate的application:didFinishLaunchingWithOptions:方法中初始化应用程序的第一个界面,是的,开发者会在该方法中添加cocos2d的所有初始化代码

打开AppDelegate.m,查看application:didFinishLaunchingWithOptions:方法

提示:我在这个方法里面加了相应的中文注释

copy
    -(void)applicationDidFinishLaunching:(UIApplication*)application
  1. {
  2. //初始化窗口
  3. window=[[UIWindowalloc]initWithFrame:[[UIScreenmainScreen]bounds]];
  4. //设置CCDirector的类型
  5. if(![CCDirectorsetDirectorType:kCCDirectorTypeDisplayLink])
  6. [CCDirectorsetDirectorType:kCCDirectorTypeDefault];
  7. //获取CCDirector的单例对象
  8. CCDirector*director=[CCDirectorsharedDirector];
  9. //初始化控制器
  10. viewController=[[RootViewControlleralloc]initWithNibName:nilbundle:nil];
  11. viewController.wantsFullScreenLayout=YES;
  12. //创建一个视图对象
  13. EAGLView*glView=[EAGLViewviewWithFrame:[windowbounds]
  14. pixelFormat:kEAGLColorFormatRGB565
  15. depthFormat:0];
  16. //关联这个视图对象到CCDirector
  17. [directorsetOpenGLView:glView];
  18. //设置屏幕方向
  19. #ifGAME_AUTOROTATION==kGameAutorotationUIViewController
  20. //如果是使用UIViewController来实现旋转,就设置竖屏
  21. [directorsetDeviceOrientation:kCCDeviceOrientationPortrait];
  22. #else
  23. //其他情况,就设置横屏
  24. [directorsetDeviceOrientation:kCCDeviceOrientationLandscapeLeft];
  25. #endif
  26. //设置刷新间隔时间
  27. [directorsetAnimationInterval:1.0/60];
  28. //设置是否要显示FPS
  29. [directorsetDisplayFPS:YES];
  30. //设置控制器的视图
  31. [viewControllersetView:glView];
  32. //添加控制器的视图到window中
  33. [windowaddSubview:viewController.view];
  34. //显示window
  35. [windowmakeKeyAndVisible];
  36. //设置纹理格式
  37. [CCTexture2DsetDefaultAlphaPixelFormat:kCCTexture2DPixelFormat_RGBA8888];
  38. //消除启动时的闪烁
  39. [selfremoveStartupFlicker];
  40. //设置第一个显示的屏幕
  41. [[CCDirectorsharedDirector]runWithScene:[HelloWorldLayerscene]];
  42. }

看完这个方法后,你可能会一头雾水,看到一大堆没见过的API,这些就是cocos2d的API。

1.UIKit与OpenGL

这么多看不懂的代码,该怎么解读呢?有些人可能会硬着头皮一行一行按顺序往下解读,这样往往是事倍功半。

一般是先找自己能够看懂的代码,比如这几句:

copy
    //设置控制器的视图
  1. [viewControllersetView:glView];
  2. //添加控制器的视图到window中
  3. [windowaddSubview:viewController.view];
  4. //显示window
  5. [windowmakeKeyAndVisible];
可以看出,屏幕 上显示的内容就是这个glView视图,这个glView是EAGLView类 型的:

copy
    0];
cocos2d利用OpenGL将内容都渲染到了这个glView上,最后呈现到屏幕上给用户看。因此,cocos2d的本质是在UIKit和OpenGL之间进行了转换。


2.CCDirector

cocos2d中以节点(CCNode)为基本元素,整个游戏都是由节点构成的,其实一个很重要的节点元素就是场景(CCScene类,继承自CCNode),一个游戏里面可能有很多个场景,比如闯关游戏,可以一个关卡就是一个场景,一个游戏设置界面也可以是一个场景。怎样才能正常显示一个场景呢?那么就需要CCDirector这个类,没有CCDirector,就不能显示场景。

CCDirector类是整个cocos2d游戏引擎的核心,全局只有一个实例,通过[CCDirector sharedDirector]可以获取这个单例对象。

copy
    //获取CCDirector的单例对象
  1. CCDirector*director=[CCDirectorsharedDirector];

CCDirector的主要用途:

* 运行、替换、推入和弹出场景(即场景过渡)

* 访问正在运行的场景

* 暂停、恢复、终止游戏

* 在UIKit和OpengGL之间转换坐标

* 获取窗口的尺寸


下面这句代码非常关键:

copy
    [directorsetOpenGLView:glView];

给CCDirector设置视图后,CCDirector才知道场景(CCScene)上的内容要渲染到哪个视图上面。因此,说CCDirector是UIKit和OpenGL之间的桥梁,一点也不为过


cocos2d提供了4种类型的CCDirector,不同类型的CCDirector有不同的更新游戏状态的方式,这些更新方式会对游戏的性能、与UIKit视图的兼容性产生很大影响。

下面这句代码就是设置CCDirector的类型:

copy
    //设置CCDirector的类型,如果iOS<3.1,就不支持kCCDirectorTypeDisplayLink,使用kCCDirectorTypeDefault
  1. if(![CCDirectorsetDirectorType:kCCDirectorTypeDisplayLink])
  2. [CCDirectorsetDirectorType:kCCDirectorTypeDefault];
可以供设置的4种CCDirector:

kCCDirectorTypeNSTimer \ kCCDirectorTypeDefault 最慢
kCCDirectorTypeMainLoop 比NSTimer快,但是与UIKit视图存在兼容性问题
kCCDirectorTypeThreadMainLoop 比NSTimer快,但是与UIKit视图存在兼容性问题
kCCDirectorTypeDisplayLink 最快,最实用,但iOS版本至少是3.1

3.设置屏幕方向

通过CCDirector来设置屏幕方向

copy
    //设置屏幕方向
  1. ifGAME_AUTOROTATION==kGameAutorotationUIViewController
  2. //如果是使用UIViewController来实现旋转,就设置竖屏
  3. [directorsetDeviceOrientation:kCCDeviceOrientationPortrait];
  4. else
  5. //其他情况,就设置横屏
  6. [directorsetDeviceOrientation:kCCDeviceOrientationLandscapeLeft];
  7. #endif
GAME_AUTOROTATION是一个宏定义,可以用来判断设备对旋转的支持情况,iOS第1和2代设备上面的旋转是十分耗性能的,但从iOS第3代设备开始,可以使用UIViewController来轻松实现自动旋转。

下面列出设备支持的所有方向:

kCCDeviceOrientationPortrait
kCCDeviceOrientationPortraitUpsideDown
kCCDeviceOrientationLandscapeLeft
kCCDeviceOrientationLandscapeRight


4.设置游戏帧率

大家都知道,游戏界面上的内容是需要经常刷新的,比如一个子弹打出去,需要经常刷新子弹的位置。刷新速度就取决于游戏帧率。

copy
    [directorsetAnimationInterval:60];
这里设置的1.0/60并不是指游戏帧率,是指刷帧的时间间隔,即屏幕连续2次刷新之间的时间间隔:1.0/60秒。换算一下,可以得出游戏帧率为60fps(frame per seconds,帧/秒),即1秒钟刷新60帧。当然,如果游戏比较复杂,CPU/GPU需要画大于1.0/60秒的时间来刷新屏幕,就无法保证游戏始终保持60fps的刷新速度,会造成帧率不稳定。如果游戏的帧率发生大幅度波动,会造成时快时慢的效果,会严重降低玩家的用户体验,因此,复杂游戏的帧率不用设置得太高,最好设置为30fps。

注意:由于设备的限制,在iOS设备上的帧率不能大于60fps。如果强迫cocos2d以大于60fps的帧率进行渲染,很有可能会反而使帧率降低。因此,要想达到最快的渲染速度,使用60fps的帧率即可。


5.显示游戏帧率

copy
    [directorsetDisplayFPS:YES];
设置了显示帧率后,屏幕左下角显示的数字就是游戏的帧率,当前是59.9fps。

cocos2d会隔一段时间就更新这个数值,通过修改ccConfig.h的CC_DIRECTOR_FPS_INTERVAL值可以调整刷新数值的时间间隔,默认是0.1,即1秒钟更新10次。ccConfig.h在项目的libs/cocos2d文件夹中。

copy
    #ifndefCC_DIRECTOR_FPS_INTERVAL
  1. #defineCC_DIRECTOR_FPS_INTERVAL(0.1f)
  2. #endif


6.设置游戏的第一个场景

copy
    [[CCDirectorsharedDirector]runWithScene:[HelloWorldLayerscene]];
这里调用CCDirector的runWithScene:方法来设置游戏的第一个场景,这个场景对象是通过[HelloWorldLayer scene]这个静态方法创建。

因此,需要搞清楚屏幕上显示的"Hello World"是怎么弄出来的,还得查看HelloWorldLayer这个类


7.在发出内存警告时释放资源

copy
    void)applicationDidReceiveMemoryWarning:(UIApplication*)application{
  1. [[CCDirectorsharedDirector]purgeCachedData];
  2. }

HelloWorldLayer解读

打开HelloWorldLayer.h,可以发现HelloWorldLayer继承了CCLayer,意为图层

copy
    @interfaceHelloWorldLayer:CCLayer
  1. }
  2. //returnsaCCScenethatcontainstheHelloWorldLayerastheonlychild
  3. +(CCScene*)scene;
  4. @end

那之前看到的场景(CCScene)和图层(CCLayer)究竟有什么联系呢?

下面我先详细阐述场景(CCScene)和图层(CCLayer)之间的关系:

一个游戏里面可能有很多个场景,比如闯关游戏,可以一个关卡就是一个场景,一个游戏设置界面也可以是一个场景。一个场景里面又可以包含多个图层。

拿捕鱼达人来说,下面列出捕鱼达人中的4个场景:

场景1
场景2

场景3
场景4

可以看出,不同的业务逻辑就放在不同的场景中。但是,如果一个场景过于复杂,场景里面又可以分出多个图层(CCLayer)。

比如场景4中的捕鱼界面,根据图层的功能,大致可以分为3个图层:


1> 底部的Background Layer是背景层,用来显示背景图片

2> 中间的Game Layer是游戏层,用来显示游戏中的精灵(CCSprite,可以用来表示游戏中的人物、道具等),这里的鱼就是精灵

3> 顶部的UI DOM Menu是菜单层,用来显示一些菜单按钮、控制按钮


再查看HelloWorldLayer.m中scene方法的实现

copy
    +(CCScene*)scene
  1. //创建一个场景对象
  2. CCScene*scene=[CCScenenode];
  3. //创建一个图层对象
  4. HelloWorldLayer*layer=[HelloWorldLayernode];
  5. //添加图层到场景中
  6. [sceneaddChild:layer];
  7. //返回场景
  8. returnscene;
  9. }
CCScene和CCLayer都继承自CCNode,可以通过CCNode的+(id) node方法快速创建一个自动释放的对象。

这里使用[CCScene node]创建了一个CCScene对象,使用[HelloWorldLayer node]创建了一个HelloWorldLayer对象。

最后通过[scene addChild: layer]将图层layer添加到场景scene中,可以看出layer是scene的一个子节点。实际上addChild:方法也是属于CCNode的,可以看出每个CCNode都有自己的子节点。


那"Hello World"这段文字是怎么显示到屏幕上的呢?看看HelloWorldLayer的init方法

copy
    -(id)init
  1. //alwayscall"super"init
  2. //Applerecommendstore-assign"self"withthe"super"returnvalue
  3. if((self=[superinit])){
  4. //createandinitializeaLabel
  5. CCLabelTTF*label=[CCLabelTTFlabelWithString:@"HelloWorld"fontName:@"MarkerFelt"fontSize:64];
  6. //askdirectorthethewindowsize
  7. CGSizesize=[[CCDirectorsharedDirector]winSize];
  8. //positionthelabelonthecenterofthescreen
  9. label.position=ccp(size.width/2,size.height/2);
  10. //addthelabelasachildtothisLayer
  11. [selfaddChild:label];
  12. }
  13. returnself;
  14. }
首先初始化了一个CCLabelTTF标签对象,标签显示的文字为"Hello World",使用Marker Felt字体,字体大小为64,CCLabelTTF继承自CCSprite,属于精灵,CCSprite又继承自CCNode。

copy
    CCLabelTTF*label=[CCLabelTTFlabelWithString:@"HelloWorld"fontName:@"MarkerFelt"fontSize:64];
接着获取屏幕的宽度和高度

copy
    CGSizesize=[[CCDirectorsharedDirector]winSize];
设置标签在父节点中的位置(默认情况下,精灵的中心点会在position属性所指定的位置上)

copy
    label.position=ccp(size.width/2);
cpp其实是个宏定
copy
    #defineccp(__X__,__Y__)CGPointMake(__X__,__Y__)
最后添加标签到图层中

copy
    [selfaddChild:label];

就这样,"Hello World"就显示到我们的屏幕上

分析可得,我们这个游戏里面存在着3个节点:

CCScene里面有个CCLayer,CClayer里面有个CCLabelTTF


总结

说了这么多内容,最后做个大总结:

1.要想利用cocos2d在屏幕上显示点东西,就必须使用CCDirector运行一个场景(CCScene),比如

copy
    [[CCDirectorsharedDirector]runWithScene:[HelloWorldLayerscene]];

2.场景(CCScene)可以添加多个图层(CCLayer),每个图层又可以添加其他子节点,比如精灵(CCSprite)

3.cocos2d会利用OpenGL将场景(CCScene)中的所有内容渲染到UIKit视图上(这里用的是EAGLView),EAGLView被添加到UIWindow中,最终显示在屏幕上

4.大部分情况下,都是直接面向cocos2d进行开发,即直接用cocos2d的CCSprite、CCLayer、CCScene等类进行开发,不需要关心OpenGL与UIKit之间的转换

5.cocos2d的基本元素是节点(CCNode),屏幕上的任何东西都可以称之为节点,像我们常用的CCSprite、CCLayer、CCScene,都是CCNode的子类,因此,它们都是节点。一个节点又可以包含多个子节点



原文地址:http://blog.csdn.net/q199109106q/article/details/8591706

感谢作者~!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


    本文实践自 RayWenderlich、Ali Hafizji 的文章《How To Create Dynamic Textures with CCRenderTexture in Cocos2D 2.X》,文中使用Cocos2D,我在这里使用Cocos2D-x 2.1.4进行学习和移植。在这篇文章,将会学习到如何创建实时纹理、如何用Gimp创建无缝拼接纹
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@163.com微信公众号:HopToad 欢迎转载,转载标注出处:http://blog.csdn.netotbaron/article/details/424343991.  软件准备 下载地址:http://cn.cocos2d-x.org/download 2.  简介2.1         引用C
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从Cocos2D-x官网上下载,进入网页http://www.cocos2d-x.org/download,点击Cocos2d-x以下的Download  v3.0,保存到自定义的文件夹2:从python官网上下载。进入网页https://www.python.org/downloads/,我当前下载的是3.4.0(当前最新
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发引擎,易学易用,支持多种智能移动平台。官网地址:http://cocos2d-x.org/当前版本:2.0    有很多的学习资料,在这里我只做为自己的笔记记录下来,错误之处还请指出。在VisualStudio2008平台的编译:1.下载当前稳
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《最强大脑》娱乐节目。将2048改造成一款挑战玩家对数字记忆的小游戏。邮箱:appdevzw@163.com微信公众号:HopToadAPK下载地址:http://download.csdn.net/detailotbaron/8446223源码下载地址:http://download.csdn.net/
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试以QtCreatorIDE来进行CMake构建。Cocos2d-x3.X地址:https://github.com/cocos2d/cocos2d-x1.打开QtCreator,菜单栏→"打开文件或项目...",打开cocos2d-x目录下的CMakeLists.txt文件;2.弹出CMake向导,如下图所示:设置
 下载地址:链接:https://pan.baidu.com/s/1IkQsMU6NoERAAQLcCUMcXQ提取码:p1pb下载完成后,解压进入build目录使用vs2013打开工程设置平台工具集,打开设置界面设置: 点击开始编译等待编译结束编译成功在build文件下会出现一个新文件夹Debug.win32,里面就是编译
分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!http://www.captainbed.net前言上次用象棋演示了cocos2dx的基本用法,但是对cocos2dx并没有作深入的讨论,这次以超级马里奥的源代码为线索,我们一起来学习超级马里奥的实
1. 圆形音量button事实上作者的本意应该是叫做“电位计button”。可是我觉得它和我们的圆形音量button非常像,所以就这么叫它吧~先看效果:好了,不多解释,本篇到此为止。(旁白: 噗。就这样结束了?)啊才怪~我们来看看代码:[cpp] viewplaincopyprint?CCContro
原文链接:http://www.cnblogs.com/physwf/archive/2013/04/26/3043912.html为了进一步深入学习贯彻Cocos2d,我们将自己写一个场景类,但我们不会走的太远,凡是都要循序渐进,哪怕只前进一点点,那也至少是前进了,总比贪多嚼不烂一头雾水的好。在上一节中我们建
2019独角兽企业重金招聘Python工程师标准>>>cocos2d2.0之后加入了一种九宫格的实现,主要作用是用来拉伸图片,这样的好处在于保留图片四个角不变形的同时,对图片中间部分进行拉伸,来满足一些控件的自适应(PS: 比如包括按钮,对话框,最直观的形象就是ios里的短信气泡了),这就要求图
原文链接:http://www.cnblogs.com/linji/p/3599478.html1.环境和工具准备Win7VS2010/2012,至于2008v2版本之后似乎就不支持了。 2.安装pythonv.2.0版本之前是用vs模板创建工程的,到vs2.2之后就改用python创建了。到python官网下载版本2.7.5的,然后
环境:ubuntu14.04adt-bundle-linux-x86_64android-ndk-r9d-linux-x86_64cocos2d-x-3.0正式版apache-ant1.9.3python2.7(ubuntu自带)加入环境变量exportANDROID_SDK_ROOT=/home/yangming/adt-bundle-linux/sdkexportPATH=${PATH}:/$ANDROID_SDK_ROOTools/export
1开发背景游戏程序设计涉及了学科中的各个方面,鉴于目的在于学习与进步,本游戏《FlappyBird》采用了两个不同的开发方式来开发本款游戏,一类直接采用win32底层API来实现,另一类采用当前火热的cocos2d-x游戏引擎来开发本游戏。2需求分析2.1数据分析本项目要开发的是一款游
原文链接:http://www.cnblogs.com/linji/p/3599912.html//纯色色块控件(锚点默认左下角)CCLayerColor*ccc=CCLayerColor::create(ccc4(255,0,0,128),200,100);//渐变色块控件CCLayerGradient*ccc=CCLayerGradient::create(ccc4(255,0,0,
原文链接:http://www.cnblogs.com/linji/p/3599488.html//载入一张图片CCSprite*leftDoor=CCSprite::create("loading/door.png");leftDoor->setAnchorPoint(ccp(1,0.5));//设置锚点为右边中心点leftDoor->setPosition(ccp(240,160));/
为了答谢广大学员对智捷课堂以及关老师的支持,现购买51CTO学院关老师的Cocos2d-x课程之一可以送智捷课堂编写图书一本(专题可以送3本)。一、Cocos2d-x课程列表:1、Cocos2d-x入门与提高视频教程__Part22、Cocos2d-x数据持久化与网络通信__Part33、Cocos2d-x架构设计与性能优化内存优
Spawn让多个action同时执行。Spawn有多种不同的create方法,最终都调用了createWithTwoActions(FiniteTimeAction*action1,FiniteTimeAction*action2)方法。createWithTwoActions调用initWithTwoActions方法:对两个action变量初始化:_one=action1;_two=action2;如果两个a
需要环境:php,luajit.昨天在cygwin上安装php和luajit环境,这真特么是一个坑。建议不要用虚拟环境安装打包环境,否则可能会出现各种莫名问题。折腾了一下午,最终将环境转向linux。其中,luajit的安装脚本已经在quick-cocos2d-x-develop/bin/中,直接luajit_install.sh即可。我的lin
v3.0相对v2.2来说,最引人注意的。应该是对触摸层级的优化。和lambda回调函数的引入(嗯嗯,不枉我改了那么多类名。话说,每次cocos2dx大更新。总要改掉一堆类名函数名)。这些特性应该有不少人研究了,所以今天说点跟图片有关的东西。v3.0在载入图片方面也有了非常大改变,仅仅只是