博客园_www.Walzer.cn - Tech & Management Blog

1st Birthday of Cocos2d-x

2011-12-10T07:16:00Z

Cocos2d-x open-source project is a C++ version of cocos2d-iphone. Our focus for Cocos2d-x development is around making cocos2d cross-platform. On top of the framework provided by cocos2d-x, mobile games can be written in C++ or Lua, using API that is COMPLETELY COMPATIBLE with that of cocos2d-iphone. Cocos2d-x projects can easily be built and run on iOS, Android, Samsung Bada and BlackBerry Tablet OS. Cocos2d-x also supports Windows and Linux, therefore we can debug source code easily and write editors on desktop operating systems.

Here’s our website: http://www.cocos2d-x.org

1. Native Gap for cpp

Though not as elegant as ObjectiveC, C++ is supported widely by most mobile/desktop platforms. Even though platforms offer higher level programming language, such as WebOS, which has the closest resemblance to html5, they still opens a gap of C++ & OpenGL ES for those computation-hungry games. Therefore C++ & OpenGL ES is still the most common gaming layer on most platforms.

Cocos2d-x caught this gap to makes games cross-platform. Besides libGLES, developers also benefit from direct access to various C/C++ resources such as pthread, libxml2, libCurl, poco, etc. This dramatically improves our productivity.

2. Supported Platforms

(Ordered by stability & reliability)

	Platform	Status	Remarks
1	iOS 4.0~5.0	Stable	63 registered games with about 3.5 million downloads
2	Android 2.0~2.3, 3.0~3.1	Stable	62 registered games with about 16.6 million downloads
3	Windows	Stable	Please don’t release games base on win32 port before we replace PowerVR GLES library with OpenGL
4	Bada	Stable	Finished in v0.10.0. Some alpha users have released games onto samsung store, and have totally 90,000+ downloads
5	BlackBerry Tablet OS	Coming Soon	Finished & merging. RIM guys joined in us recently
6	Ubuntu	Usable	Linux port uses OpenGL directly.
7	WoPhone	Almost deprecated	Without maintenance for several months
8	Marmalade	Almost deprecated	Only one game released is base on this port. We’re looking for a maintainer of this port
9	MeeGo	Deprecated	Finished but unmerged. MeeGo is deprecated by Nokia & Intel after our contributors finished this port, oops

3. Some Top Games using Cocos2d-x

Fishing Joy HD Android port, which as 12,000,000 downloads & 2,000,000 active users. It's maintaining by cocos2d-x core team :)
Link Link 2 HD, 1,500,000 downloads on iOS, and 400,000 on Android
Castle Empire, social game, New & Noteworthy in AppStore US & China region. (I'm having lots of fun in this game currently ^_^ )
91 Tribe, a social game, ios version, other versions
Fishing Master, 100,000 downloads of ios version, 250,000 downloads of android version
Crowd Subway, 270,000 downloads of ios version, 50,000 downloads of android version
Ah Up Planet, ios version, android version (Warning: Don't play this game in office, haha)
Cow vs Alien, Android port
Super Stickman Golf, Android port
Bird Hunting Mania, 1,000,000+ downloads on iOS, top10 in China
Fighting of Sango: Legend of Heroes,
Cut Cut Boom
Ninja Chicken 2

You can find more awesome games & showcases from http://www.cocos2d-x.org/projects/cocos2d-x/apps

One year ago, the first stable version of cocos2d-x was released on Nov 30, 2010. During last year, more than 125 mobile games based on cocos2d-x were released. In other words, two new games were shipped every week. Many developers, contributors and bloggers joined cocos2d-x community, sharing their new platform ports, bug fixes, cool features and tutorials to the community. Thanks to all of you, Cocos2d-x has grown out of its infancy.

We plan to make more cool stuffs in the coming year. Stay tuned.

(原文首发于http://www.cocos2d-iphone.org/archives/1674，但有翻译专家帮我修改了行文，使之更地道些，我就在cnblogs贴一份好了）

本文链接

团队基因论

2011-08-07T04:12:00Z

04年的时候我玩剑侠情缘网络版，在里面玩了个武当，当时比较沉迷，练到全区十大。武当本来是个法师角色，但门派里有的玩家不听劝，非要独辟蹊径去练个“剑武当”，穿个布甲去跟人家穿铠甲的拼近战，结果自然玩得很郁闷，没有几个人能坚持下来，纷纷删号重练。玩游戏的时候，我们都知道法师不能近身硬抗，战士不能远程用弓箭射，这个是常识，职业定位使然。

玩游戏时大家很清楚，但在现实生活和工作中就容易糊涂了。

中国的多数父母是比较急功近利的。很多小孩在尚不懂事的时候，就早早地被规划好了人生轨迹。比如小孩仅是比较喜欢跟着音乐哼歌，于是就被规划为未来的郎朗，父母省吃俭用让小孩去跟随名师学琴，每天压着练琴三小时；比如小孩仅是比同龄人手脚长一点，于是就被规划为未来的林丹，每周末都去苦练羽毛球。其实不仅是中国如此，我看了印度电影《3 idiots》之后，才知道印度也是这种情况。父母几乎无视小孩的自身基因和兴趣，强迫小孩往某个方向发展，最后往往得不到想要的结果。我看到很多并不喜欢音乐、而且一看就没什么天赋的小孩被逼着学琴；我们也可以看到很多并不喜欢编程、也没有技术天赋的平庸程序员整天呆在电脑前扒拉代码，到处埋雷坑爹，我朋友换了个岗位结果成为销售之星。我这样说有些唯心论的成分：命运。但为什么不认命呢？我自己从幼儿园就开始学钢琴，最后也不过这种水平，而我老婆从初一才开始学，人家轻松考进全国前三的音乐高校，当然她到现在也没搞清楚怎么用ghost快速恢复C盘。人和人的基因是不一样的。

游戏的职业定位想清楚了，小孩的天性和禀赋想清楚了，那么我们就进一步类比到本文的标题：团队基因。

我见过有做产品的人持这样的观点：只要给我多少多少投资，我就能招到多少多少人、多少多少高手、花多少人月就能做出什么样的产品，这个产品有这样那样的市场定位，能超越市面上哪些竞争对手，云云。一言以蔽之，就是资源投入一定能转化出相应的产品，最多就是过程中挣值(EV)的高低不同而已。在我看来，这种行为和觉得花了多少人民币战士就可以拿弓箭射死法师，砸了多少人民币小孩就可以培养成为郎朗，本质上是一样的。

举个例子，CocoaChina论坛上有个著名的帖子，一个做安全防护的精英团队冒然进入iOS游戏领域，结果铩羽而归，http://www.cocoachina.com/bbs/read.php?tid-53590.html 作者在帖子里分析了各种失败原因，归根到底，这个团队没有做游戏的基因。

我们手上的产品最近有了些用户，在业内有点小名声，于是就有风投找上门来了。财务投资总是要追求回报，这个可以理解，但在一个产品还处于孩童时期，就要求它成长为这样那样的平台，设计这样那样的最终赢利模式，我只能说，对不起，团队没有这样的基因，这不是我们擅长的。每个团队都会有自己的基因。我见过一个iOS游戏做得非常出色的公司，业内无人不识无人不晓，他们的策划和美工非常给力，但软件工程管得一塌糊涂，他们旗下某知名游戏的整个代码只有一个文件，这文件里头有一万行，而且代码是用zip包拷贝备份做版本管理的，连svn都没掌握。这个团队靠自己的在策划美术上的基因存活了下来，而且还活得挺滋润。假使他们选择了技术门槛高的路线，那就绝对死无葬身之地。因此，审视自己团队的基因和天赋，选择合适的道路发展，而非盲目追求做大做强才是最有机会成功的。

如果你有幸得到武林秘籍而打通了奇筋八脉，那么也许会成为天下第一剑客。而膨胀的自信会让你觉得，胜败就是那么容易的事情，同样是砍人，比武场上赢一个对手，和战场上赢一支军队，看起来没有什么本质区别。于是你从剑客出发，觉得自己理所当然可以成为一代名将。打住，这就是最危险的事情。时刻审视自己，是否真的有统帅的基因，或者仍然只是剑客基因？

法师不能玩近身，这是游戏职业的基因，大家都信；不能逼迫小孩往家长一厢情愿的规划路线发展，这是每个人的不同基因，有人信而有人不信；每个团队都有自己的基因，技术出类拔萃，或商务风生水起，或洞察市场，或政府资源，至于你信不信，反正我信了。

本文链接

A small trick to avoid 404 error when redmine runs on dreamhost

2011-07-10T09:47:00Z

I locate my redmine webite on dreamhost shared-host. It works well in the first 8 months. But recently I meet 404 Page not found frequently when I post a topic in the forum, or create new issues. This weekend I decide to dig the bug.

The problem looks like this in redmine/log/production.log

Processing IssuesController#create (for 999.999.999.99 at 2011-07-09 08:38:36) [POST]
  Parameters: {"commit"=>"创建", "project_id"=>"test", "action"=>"create", "authenticity_token"=>"JOLhksjiN1Wmpt4iAVrw22Y+9+Pvdn1Kr6RwMQ3xDac=", "issue"=>{"start_date"=>"2011-07-09", "estimated_hours"=>"", "priority_id"=>"4", "parent_issue_id"=>"", "assigned_to_id"=>"", "subject"=>"performance test", "tracker_id"=>"1", "due_date"=>"", "status_id"=>"1", "description"=>"12313"}, "controller"=>"issues", "attachments"=>{"1"=>{"description"=>""}}}
Sending email notification to:
Redirected to http://project.cocos2d-x.com/issues/62
Completed in 674ms (DB: 408) | 302 Found [http://project.cocos2d-x.com/projects/test/issues]

Processing ApplicationController#index (for 125.77.152.242 at 2011-07-09 08:38:37) [GET]

ActionController::RoutingError (No route matches "/internal_error.html" with {:method=>:get}):
  /dh/passenger/lib/phusion_passenger/rack/request_handler.rb:92:in `process_request'
  /dh/passenger/lib/phusion_passenger/abstract_request_handler.rb:207:in `main_loop'
  /dh/passenger/lib/phusion_passenger/railz/application_spawner.rb:400:in `start_request_handler'
  /dh/passenger/lib/phusion_passenger/railz/application_spawner.rb:351:in `handle_spawn_application'
  /dh/passenger/lib/phusion_passenger/utils.rb:184:in `safe_fork'
  /dh/passenger/lib/phusion_passenger/railz/application_spawner.rb:349:in `handle_spawn_application'
  /dh/passenger/lib/phusion_passenger/abstract_server.rb:352:in `__send__'
  /dh/passenger/lib/phusion_passenger/abstract_server.rb:352:in `main_loop'
  /dh/passenger/lib/phusion_passenger/abstract_server.rb:196:in `start_synchronously'
  /dh/passenger/lib/phusion_passenger/abstract_server.rb:163:in `start'
  /dh/passenger/lib/phusion_passenger/railz/application_spawner.rb:209:in `start'
  /dh/passenger/lib/phusion_passenger/spawn_manager.rb:262:in `spawn_rails_application'
  /dh/passenger/lib/phusion_passenger/abstract_server_collection.rb:126:in `lookup_or_add'
  /dh/passenger/lib/phusion_passenger/spawn_manager.rb:256:in `spawn_rails_application'
  /dh/passenger/lib/phusion_passenger/abstract_server_collection.rb:80:in `synchronize'
  /dh/passenger/lib/phusion_passenger/abstract_server_collection.rb:79:in `synchronize'
  /dh/passenger/lib/phusion_passenger/spawn_manager.rb:255:in `spawn_rails_application'
  /dh/passenger/lib/phusion_passenger/spawn_manager.rb:154:in `spawn_application'
  /dh/passenger/lib/phusion_passenger/spawn_manager.rb:287:in `handle_spawn_application'
  /dh/passenger/lib/phusion_passenger/abstract_server.rb:352:in `__send__'
  /dh/passenger/lib/phusion_passenger/abstract_server.rb:352:in `main_loop'
  /dh/passenger/lib/phusion_passenger/abstract_server.rb:196:in `start_synchronously'

Rendering /home/walzer/project.cocos2d-x.com/public/404.html (404 Not Found)

Processing IssuesController#show (for 999.999.999.99 at 2011-07-09 08:38:49) [GET]
  Parameters: {"action"=>"show", "id"=>"62", "controller"=>"issues"}
Rendering template within layouts/base
Rendering issues/show.rhtml
Completed in 831ms (View: 312, DB: 484) | 200 OK [http://project.cocos2d-x.com/issues/62]

In the first paragraph, I create an issue. After that the passenger raise an "internal_error", and would like to find public/internal_error.html. Of course this file isn't exist, it's redmine/public/500.html instead. So I get a 404 error, public/404.html is rendered. In the 3rd paragraph, I refresh the page, and get the issue detail page correctly.

I contact the tech support of dreamhost, but the guy refuse to support problems of redmine. damn... I google this problem, many others met it but have no solutions given in their topics, such as

http://discussion.dreamhost.com/thread-130022.html (The tech support of dreamhost is just so so..)

http://groups.google.com/group/phusion-passenger/browse_thread/thread/c04394c2bf8440f6

http://railsforum.com/viewtopic.php?id=36826 (not completely the same)

They're the motion of writing this blog :)

OK, I must DIY now. I know almost nothing about rails, haha. So the breaking point is the 404 page.

1. copy 500.html to internal_error.html to avoid 400 error

After this step, the log looks correctly, but I get a internal_error.html rendered. Actually, I wish it still tell me something more about this error.

Processing MessagesController#new (for 999.999.999.99 at 2011-07-10 01:47:29) [POST]
Parameters: {"board_id"=>"11", "commit"=>"Create", "action"=>"new", "authenticity_token"=>"+KpHpWkhr/4pJQ4tyOgkxtV/CE8tq05r8EM605DLiJE=", "controller"=>"messages", "message"=>{"subject"=>"Another test topic", "content"=>"go away 500! damn!", "sticky"=>"0", "locked"=>"0"}, "attachments"=>{"1"=>{"description"=>""}}}
Sending email notification to: xxxx@cocos2d-x.org, yyyy@tranzda.com, zzz@cocos2d-x.org, aaa@cocos2d-x.org, bbbb@cocos2d-x.org, ccccc@gmail.com
Redirected to http://www.cocos2d-x.org/boards/11/topics/2290
Completed in 2148ms (DB: 38) | 302 Found [http://www.cocos2d-x.org/boards/11/topics/new]

Processing MessagesController#show (for 999.999.999.99 at 2011-07-10 01:47:34) [GET]
Parameters: {"board_id"=>"11", "action"=>"show", "id"=>"2290", "controller"=>"messages"}
Rendering template within layouts/base
Rendering messages/show
Completed in 106ms (View: 72, DB: 20) | 200 OK [http://www.cocos2d-x.org/boards/11/topics/2290]

I can simply click refresh to get the right page. Why not do it automatically?

2. add this code into the header of redmine/public/internal_error.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<head>
    <META HTTP-EQUIV="refresh" CONTENT="0">
</head>
<html>
<title>Redirect</title>
<body>
  <h1>I can not wait to refresh...</h1>
  <form>
  <input type="button" onClick="history.go(0)" value="Refresh">
  </form>
</body>

</html>

Oh nice, when the passenger raises 500 error, it will not invoke public/500.html, but call my custom public/internal_error.html, and refresh to the right page immediately.

It's nothing but a small trick. I hope it can help others who meet the same problem :)

本文链接

github付费吃亏记

2011-05-31T10:08:00Z

做开源项目用github当然是首选，我习惯了github实在很不愿意回到老旧的svn上面，因此打算在非开源项目中也使用github的收费服务private repository来做SCM。github有各种付费服务项目，http://github.com/plans，从$7 per month ~ $20,000 per year的企业级服务一应俱全，看起来相当酷。

于是今天我购买了$7 per month的micro plan, 很开心地建立了一个私有仓库，然后呼朋唤友来fork这个仓库。结果杯具地发现：没有地方可以设置权限来允许大家fork。所以其他人看到的提示是：xxx doesn't have any public repositories yet.

翻了下support.github.com, 才知道我的需求在$7 ~ $22 per month的服务项目中是无法达成的。对于每个private repository，必须把开发者加到Private Collaborators里面，他才可以访问这个私有的代码仓库，进行fork, push, pull等操作。而这个事情的杯具点在于，$7/mo micro plan只允许增加一位private collaborators, $12/mo允许增加5位，$22/mo允许增加10位。如果你的团队超过10个开发者需要同时在这个私有仓库里做开发，那么你就嗝屁了，必须购买$25/mo以上的Business Plans来建立Orgnazation了。

$7/mo的吸引力在于，一台SCM服务器的年折旧＋电费＋维护就大大超过了每年550元RMB的开支。而如果提高到$25/mo，那么不论是买一台主机做内部服务器，或者可以买一个不错的美国虚拟主机来搭SVN都比这个价格合算了。俺的$7算是白交学费了。

试图购买github入门级私有仓库(private repository)，然后让一大堆同事fork完一起做pull request的，吸取我的教训，就不要掉进这个坑里面了

本文链接

如何用cocos2d-x来做一个基于TileMap地图块的游戏 (一)

2010-11-08T02:39:00Z

著作权声明：本文由我同事http://www.cnblogs.com/FlyingPacer/ 原创，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，谢谢！

在这个分为上下两部分的教程中，我们将介绍如何使用Cocos2D-X和地图编辑器做一款基于地图块的游戏。在这个简单的地图块游戏里，一个精灵将在沙漠里搜寻它可口的西瓜！

在教程的第一部分，我们将介绍如何创建一个地图，如何将地图添加到游戏中，如何滚动地图以跟着玩家跑，以及如何使用对象层。
在本教程的第二部分，我们将介绍如何在地图上制作碰撞区，如何使用地图块的属性，如何制作宝藏并动态的修改地图，以及如何确保你的忍者不暴饮暴食。

如果你还没有学习“如何用cocos2d-x来开发简单的Uphone游戏：(一) 下载安装和HelloWorld ”，你不妨先学习下这个教程，因为这个教程里有很多基础知识我们下面要用到。

好吧，让我们开始探险之旅吧！

创建一个工程框架

我们将首先创建一个框架工程，以确保我们拥有下面工程中所需的所有文件。

先下载并运行helloworld（具体参见教程“如何用cocos2d-x来开发简单的Uphone游戏：(一) 下载安装和HelloWorld ”）。

接下来，下载游戏所需要的zip资源文件(TileGameResource.zip)。该zip文件包含以下内容

• 一个我们将作为游戏主角的精灵。这个和教程“如何用cocos2d-x来开发简单的Uphone游戏：(二) 移动的精灵”很像！
• 声音特效，用cxfr工具制作（by Wenderlich）。
• 一些背景音乐，用Garage Band制作（by Wenderlich，更多信息见post）。
• 地图块 - 这实际上是要用地图编辑器做的，但现在就把它和其他东西一起包含进来会更容易一些。
• 一些其他“特殊”的地图块，我们将在下面介绍。

好了，这些资源将在后面适当的时候添加到我们的游戏中，现在就是我们制作地图和享受乐趣的时刻了！

Cocos2DX支持由开源项目地图块图编辑器（Tiled Map Editor，国外网站，需要翻墙）制作并保存为TMX格式的地图。

如果你访问上面的链接，你会看到有两个版本的编辑器 – 一种是用Qt应用程序框架编写的，另一种是用Java编写的。有两个版本的原因是因为这个编辑器最先是用Java编写的，后来他们又将它移植到Qt上来。

你要用哪个版本主要是取决于你。在本教程中，我们将介绍使用Qt版本，因为从现在开始这是编辑器的发展主线，但有些人又喜欢用Java版本，因为并不是所有的旧功能都已经被移植过来了。

不管怎样 - 如果你想跟着学习，那就下载Qt版本，然后安装运行。转到文件\新建，在对话框中填写如下：

在新建地图对话框的Orientation选项，你可以选择Orthogonal（正交视图，采用的游戏Legend of Zelda）或者Isometric（等轴视图，采用的游戏Disgaea），这里，我们选择Orthogonal。

下面你得到设定地图大小。记住这是以地图块为单位，不是像素点。我们要做一张比较小的地图，因此就选择50×50。

最后设定地图块的宽度和高度。在这里你选择多大的尺寸是依赖于你的美工制作的地图块的大小的。在本教程中，我们用的是编辑器中附带的示例地图块集，每个地图块都是32×32大小的，因此选择32×32。
接下来，我们就在编辑器中加入地图块集。点击菜单栏的“Map”选项，选择“New Tileset…”，然后填写对话框：

图片可以点击Browse按钮得到，点击后导航到你的地图编辑器目录下的examples文件夹，将tmw_desert_spacing.png加到工程中.

宽度和高度32×32不用改，那个就是地图块的宽高。对于margin and spacing（边际和间距），还没有确切解释它们意思的文献，但它们应该这么理解：

• 边缘，指的是一个地图块的外面一圈，在这个边缘里面是实际的地图块内容。
• 间隔，即两个地图块之间的间距（像素单位）。

如果你看一看tmw_desert_spacing.png，你会发现每个地图块有一个1像素的黑边界，这就解释了边际和间距为什么设置作为1。

一旦你点击OK，你就将在Tilesets窗口看见地图块集。Ok，现在你也能开始画地图了! 点击在工具栏的“Stamp”图标，点击一个地图块，然后在地图上任意一个你想要的地方点击填充地图块。

继续完成你的地图吧——但一定要发挥你的想象力噢! 但请在地图上至少画一两个建筑物，因为待会我们会让我们的精灵走进你造的建筑。

这里有几个制图的小窍门，可以记住：

• 你可以在Tileset中拖动鼠标，同时选择几个地图块，然后填充到地图上。
• 你可以使用工具栏上的油漆桶按钮来填充一整片具有同样背景的地图，当然，用来填充的地图块是你在Tileset选择的。
• 你可以通过“查看\放大...”和“查看\缩小...”放大和缩小地图。

一旦你绘制完地图，在图层窗口中单击当前图层（现在这个图层就是“tile layer 1”），将名称改为“background”。然后点击“File\Save”，将文件保存到你的TileMap项目资源文件夹，并命名该文件“tilemap.tmx”。

我们后面还将做更多的东西，但现在让我们把这张地图加载到游戏中！

把地图加载到Cocos2DX场景中

首先，因为我们是利用uphone的sdk开发游戏，所以我们先将资源也就是tilemap.tmx和tmw_desert_spacing.png拷贝到sdk所在目录的子目录“/UserData/”中。

然后，将HelloWorld.cpp的initCocos2d()函数用下面的代码替换：

bool HelloWorldAppDelegate::initCocos2d()
{
  // init director
  CCDirector::getSharedDirector()->setOpenGLView(m_pMainWnd);

  // set to landscape mode
  CCDirector::getSharedDirector()->setDeviceOrientation(kCCDeviceOrientationLandscapeLeft);

  // load the tile map
  CCTMXTiledMap *pDesertTileMap = CCTMXTiledMap::tiledMapWithTMXFile("tilemap.tmx");
  pDesertTileMap->setPosition(CGPoint(0,0));

  // create layer instance
  CCLayer *pLayer = MyLayer::node();
  pLayer->addChild(pDesertTileMap, 0, 1);

  // add layer to scene
  CCScene *pScene = CCScene::node();
  pScene->addChild(pLayer);

  // add scene to director
  CCDirector::getSharedDirector()->runWithScene(pScene);

  return true;
}

在这里，我们用到了CCTMXTiledMap类，通过它加载了我们制作的地图。

现在大概的介绍下CCTMXTiledMap。这是一个CCNode，所以你可以设置它的位置，尺寸等，该节点的子节点是地图上的层，而且也有一个接口可以通过名字来获取这些层，比如这里的“background”层。每一个层都是CCSpriteSheet的子类，这也意味着每一层你只能有一个tileset。

所以我们在这里做的是保存tilemap和background的关系，并且把tilemap加到HelloWorld的layer上去。

这样就很ok了！编译和运行代码，你应该看到的是你地图的左下角：

还不赖! 但我们做的是游戏，所以我们还需要做三件事： a)一个精灵， b)精灵的出生点和c)移动我们的视图，以便我们可以看到精灵。

这是我们会感到棘手的地方，下面我们就来解决掉它!

对象层和地图位置的设置

地图模块支持两种层，一种是地图层（就是我们上面一直在接触的），另一种是对象层。

对象层允许你在地图指定一个位置，在这个位置可以响应一些事件。比如，你希望有一个地方让精灵出生或者挂掉。在我们的教程中，我们要创建一个精灵的出生点。

那么，选择菜单栏中的“Layer\Add Object Layer…”，将该层命名为“objects”，然后单击确定。现在如果你在地图上画，你会发现它不是直接画地图块，而是画一个形状怪异的灰色框框，你可以放缩和移动这个灰色框框。

我们只是想选一个位置来放置我们的精灵，所以在地图上随便选一个位置单击。框框的大小并不重要，因为我们只需要用到x，y坐标。

然后右键单击灰色框框和点击“Properties”，命名为“spawnpoint”，点击OK ：

假如你在这里设置了对象的类（Cocos2DX的类，比如CCSprite），那么代码会自动创建一个对应类型的对象。(不过GeekAndDad.com的泰勒指出，这是Cocos2DX以前的版本才具有的功能，现在已经被删除了。)

不管怎样，我们将type置空，那么它将为我们创建一个NSMutableDictionary，我们可以通过它访问该对象的各个属性，包括X，Y坐标。

保存地图并返回到代码，在HelloWorld.cpp的initCocos2d()接口中，在代码：

// load the tile map
CCTMXTiledMap *pDesertTileMap = CCTMXTiledMap::tiledMapWithTMXFile("tilemap.tmx");
pDesertTileMap->setPosition(CGPoint(0,0));

的下面，加入以下代码

// load the object layer and get the coordinate of the spawnpoint
CCTMXObjectGroup *objGroup = pDesertTileMap->objectGroupNamed("objects");
CCXStringToStringDictionary *spawnPoint = objGroup->objectNamed("spawnpoint");
float fSpawnPointX = spawnPoint->objectForKey("x")->toFloat();
float fSpawnPointY = spawnPoint->objectForKey("y")->toFloat();

// load player image texture
CCTexture2D *pPlayerTexture = CCTextureCache::sharedTextureCache()->addImage("Player.png");

// create sprite instance
CCSprite *pPlayer = CCSprite::spriteWithTexture(pPlayerTexture);
pPlayer->setPosition(CGPoint(fSpawnPointX, fSpawnPointY));

// add the player to the tile map
pDesertTileMap->addChild(pPlayer);

Ok，我们再解释一下对象层和对象组。在这里，我们通过CCTMXTiledMap对象的objectGroupNamed接口得到了对象层，它返回的是一个CCTMXObjectGroup对象。

然后，我们通过CCTMXObjectGroup的objectNamed方法来得到一个NSMutableDictionary，它包含了对象层的对象的一堆有用的信息，包括X和Y坐标，宽度和高度。不过这里我们关心的是X，Y坐标，所以我们就只取得X，Y坐标，并把它作为精灵的位置。

编译运行代码我们就可以看到精灵了。

下面我们再让它动一动。在代码

// add scene to director
CCDirector::getSharedDirector()->runWithScene(pScene);

的下面，添加代码：



// move the player     

CCIntervalAction *move = CCMoveBy::actionWithDuration(5, ccp(140, 120));     

CCIntervalAction *back = move->reverse();     

CCFiniteTimeAction *seq = CCSequence::actions(move, back,NULL);     

pPlayer->runAction( CCRepeatForever::actionWithAction((CCIntervalAction*) seq) );

这里的几个action类是对动作的封装。上面代码的含义是表示精灵将向右上方移动，相对位置是（140， 120），并在五秒钟内完成移动，然后反方向移回到原来位置。

Ok，先运行你的代码，然后欣赏你的精灵开心的跑来跑去吧！

系列教程

Cocos2dSimpleGame入门系列

TileMap使用系列

如何用cocos2d-x来做一个基于TileMap地图块的游戏 (一)

本文链接

如何用cocos2d-x来开发简单的Uphone游戏：(五) 打包和发布

2010-10-22T08:38:00Z

到本系列文章的前四篇为止，我们已经完成了一个简单的游戏，Ray Wenderlic的那篇文章也翻译完了。但实际上工作还没有结束。游戏开发者应该没人愿意像前文那样，把图片和音乐资源存储在公开的文件目录下，被人拷走就能轻易被山寨了。所以这篇里我们先来讲下怎么对资源进行打包，最后和程序混在一起，编译成一个二进制文件发布。这个资源打包工作是uPhone机制提供的。

一、图片和音乐资源打包

前面的Cocos2dSimpleGame中，如上图，我们一共使用了5张图片资源：

*图片名称*	*图片用途*
CloseNormal.png	关闭按钮的正常状态图片
CloseSelected.png	关闭按钮被点击时的图片
Player.png	带头大哥
Projectile.png	带头大哥的暗器
Target.png	不知死活的小喽啰

下面，我们使用Uphone开发平台自带的资源编辑器TOPS Builder将资源进行打包。步骤如下：

1. 使用 TOPS Builder 打开游戏的资源工程:

双击 D:\Work7\cocos2d\Cocos2dSimpleGame\Res\Cocos2dSimpleGame_Res.TRG 文件，这就打开了游戏的资源工程，运行的界面如下图：

2. 将需要使用的图片和音乐添加到资源编辑器中

在资源编辑器中添加图片的示意图如下：

首先，单击图中 1 所示的"Bitmaps"标签，进入图片资源编辑分页；
然后，右击图中 2 所示的空白区域，弹出如图中 3 所示的菜单，选择“添加图片”，即可选择图片加到资源比编辑器中。
添加成功后，图中 2 所示的空白区域会把已添加的图片名字列出。
使用同样的方法添加音乐资源(mp3,wav等），但注意第一步选资源类型时，应点到"Raw data"标签内

3. 对添加的资源进行编译

在资源编辑器中，点击界面左上角的闪电符号按钮，对资源进行编译。

注意：在进行编译之前，需要讲使用的图片、音月资源文件添加到代码的Visual Studio工程中，添加后Visual Studio工程的文件视图如下：

注意：此编译过程是将图片文件的数据以 Uphone 内部的结构形式保存到 .h 文件中，并为每个图片资源分配一个资源 ID，在应用中通过该 ID 使用该图片资源。编译后，你可以看到这个巨大的.h文件D:\Work7\cocos2d\Cocos2dSimpleGame\Res\cocos2dsimplegame_res_def.h 。

通过上面的几个简单步骤，我们就完成了资源打包。这样我们的游戏在编译完成后，资源和代码就在同一个二进制包里了

二、在cocos2d游戏中使用打包的资源

资源打包的工作完成了。接下来我们就可以在cocos2d游戏中使用这些资源了。使用前，我们先了解一下普通的Uphone应用是如何使用打包资源的

1. 普通Uphone应用使用打包资源的方法

在Uphone SDK中，有一个TResource类，这个类提供了静态接口函数用于获取当前上下文的bitmap和rawdata资源数据，接口及注释是这样的：

/**
@brief 获取当前上下文资源里的图片类实例。

此函数返回的TBitmap实例，无须释放。
@param nResId 资源ID。
@return TBitmap指针。
*/
static const TBitmap * LoadConstBitmap(Int32 nResId);

/**
@brief 获取当前上下文资源里的原始数据。

此函数直接返回资源中的原始数据的地址（即原始数据内容不可更改）。
@param nResId 资源ID。
@param puLength 原始数据长度。
@return 原始数据指针。
*/
static const void * LoadConstRawData(Int32 nResId, UInt32 * puLength = NULL);

所以，在Uphone应用中只要使用如下代码就可以加载图片资源了：

const TBitmap* pBmp = TResource::LoadConstBitmap(COCOS2_ID_BITMAP_CloseNormal);

2. cocos2d-x游戏中使用打包资源的方法

上面的资源调用方法对cocos2d-x开发者来说功能不够强、不够跨平台，也不能很好地解决不同分辨率匹配不同资源的问题。同时，用资源ID调用的方法比较类似于windows mobile，而对于习惯了cocos2d-iphone的开发者来说，文件名会更符合一些。所以我们做了一个哈希表来实现文件名(key)-> 资源ID(value) 的映射，cocos2d-x开发者只要实现填写好这份映射，然后游戏里就可以用文件名来调用资源，甚至不用理会这个资源是暴露在文件目录里还是打包编译在资源包里。

（1）首先，建立一个资源名称字符串与资源ID的映射

我们添加一个Resource.h头文件来保存这个映射，头文件中代码如下：

#ifndef _RESOURCE_H_
#define _RESOURCE_H_

#include "SimpleAudioEngine.h"
#include "cocos2dsimplegame_res_def.h"
#include "cocos2d.h"

const T_ResourceInfo ResInfo[] =
{
    { "CloseNormal",    COCOS2_ID_BITMAP_CloseNormal },
    { "CloseSelected",  COCOS2_ID_BITMAP_CloseSelected },
    { "Player",         COCOS2_ID_BITMAP_Player },
    { "Projectile",     COCOS2_ID_BITMAP_Projectile },
    { "Target",         COCOS2_ID_BITMAP_Target },
    { "CloseNormal@WVGA",    COCOS2_ID_BITMAP_CloseNormal_WVGA },
    { "CloseSelected@WVGA",  COCOS2_ID_BITMAP_CloseSelected_WVGA },
    { "Player@WVGA",         COCOS2_ID_BITMAP_Player_WVGA },
    { "Projectile@WVGA",     COCOS2_ID_BITMAP_Projectile_WVGA },
    { "Target@WVGA",         COCOS2_ID_BITMAP_Target_WVGA },
};

/**
@warning 在声音数据信息的结构体中，FileName必须包含文件的扩展名，并且需要与原始文件的扩展名一致
         否则无法播放
*/
const T_SoundResInfo SoundResInfo[] =
{
    { "background-music-aac.mp3",     COCOS2_ID_RAWDATA_background_music_aac },
    { "pew-pew-lei.wav",              COCOS2_ID_RAWDATA_pew_pew_lei },
};

#endif

这里面@WVGA的资源，将在下一篇文章中解释

（2）其次，需要让游戏引擎“知道”这个映射关系的存在：

在Cocos2dSimpleGameAppDelegate.cpp文件的initCocos2d() 函数中添加代码如下（当然，别忘记添加Resource.h这个头文件）

// set the ResourceEntry and Images ResInfo (name and ResID)
CCFileUtils::setResourceInfo(ResInfo,
sizeof(ResInfo) / sizeof(T_ResourceInfo));

// set the ResourceEntry and sound ResInfo (filename and ResID)
SimpleAudioEngine::getSharedEngine()->setSoundResInfo(SoundResInfo,
sizeof(SoundResInfo) / sizeof(T_SoundResInfo));

(3) 第三，需要让游戏引擎“知道”当前的上下文

在上面我们了解了普通Uphone应用通过TResource类来获取上下文资源。现在游戏引擎已经“知道”了打包资源的ID，但是还需要让游戏引擎“知道”当前的上下文信息，它才能根据资源ID获取数据。具体做法如下

extern const AppResourceEntry Cocos2dSimpleGameResourceEntry;

(a) 在D:\Work7\cocos2d\Cocos2dSimpleGame\main.cpp文件中，使用extern声明变量Cocos2dSimpleGameResourceEntry

#include  "cocos2dsimplegame_res_c.h"

const ResourceRegisterEntry ResRegList_Cocos2dSimpleGame[]  =
{
    TG_RESOURCE_DEFINE
};

extern const AppResourceEntry Cocos2dSimpleGameResourceEntry  =
{
    (ResourceRegisterEntry*)ResRegList_Cocos2dSimpleGame,                     // res list in this app
    sizeof(ResRegList_Cocos2dSimpleGame) /  sizeof(ResourceRegisterEntry),    // number of item in res
};

(b) 在Cocos2dSimpleGameAppDelegate.cpp文件头部添加代码

extern const AppResourceEntry Cocos2dSimpleGameResourceEntry;

并在initCocos2d() 函数中，在上面步骤(2)的基础上，把代码改成

// for cocos2d-x, set the ResourceEntry and Images ResInfo (name and ResID)
CCFileUtils::setResourceEntry(&Cocos2dSimpleGameResourceEntry);
CCFileUtils::setResourceInfo(ResInfo, sizeof(ResInfo) / sizeof(T_ResourceInfo));

// for cocosDenshion, set the ResourceEntry and sound ResInfo (filename and ResID)
SimpleAudioEngine::getSharedEngine()->setResourceEntry(&Cocos2dSimpleGameResourceEntry);
SimpleAudioEngine::getSharedEngine()->setSoundResInfo(SoundResInfo, sizeof(SoundResInfo) / sizeof(T_SoundResInfo));

之所以需要两步，是因为cocos2d处理图像，cocosDenshion处理音频，是两个不同的库。

(4) 最后，就可以使用打包的资源了

CCSprite *player = CCSprite::spriteWithFile("player.png");

或者

CCSprite *player = CCSprite::spriteWithFile(ResInfo[2].ResName);

实际上，对于按照前面教程开发的代码，在这里就不用修改一字了。

在 Uphone 平台下，游戏引擎根据图片名称创建 Texture 的逻辑为：根据传入的字符串先在设置的ResInfo映射表中查找是否有相应的资源ID，如果存在则加载并成功返回；如果不存在，则到文件目录下查找同名文件，若还是找不到则加载失败。

特别注意

1. 如果打包的资源都是直接进行使用的话，在ResInfo这个映射里的资源名称可以随意设定。但是，当打包的图片资源是被 .plist / .tmx / .fnt 等配置文件指定要使用的图片时，资源名称就不能随意设定了。示例如下：

// 代码要用.plist 文件创建SpriteFrames，其中grossini.plist 文件指定要使用 XXX.png
CCSpriteFrameCache::addSpriteFramesWithFile("animations/grossini.plist");

那么在Resinfo中图片XXX.png的资源名称就必须为 "animations/XXX.png" ，这样才能让游戏引擎找到

2. 建议在给cocos2d-x用的ResInfo中资源名称包含原始文件的扩展名。而给cocosDenshion用的T_SoundResInfo中，资源名则必须明确是.mp3还是.wav，否则SimpleAudioEngine无法识别该资源的解码类型

三、交叉编译

交叉编译的方法，在Uphone开发文档里有详细描述，这里就不重复了。对于cocos2d-x游戏来说，首先得把cocos2dx, CocosDenshion, chipmunk, Box2D这几个库编译好。我们已经做好了makefile文件，现在只要把四个目录挨个进去，敲一行

make -f Makefile.ARM all

就可以了。生成的.so文件都在 D:\Work7\PRJ_TG3\LIB\ARMLib 目录下。

而我们新开发的Cocos2dSimpleGame, 得在Makefile.ARM文件里增加一些DEFINE, PATH和链接的LIB，如下

DEFINES += -DCCX_UNDER_UPHONE
INCLUDE_PATH += -I. \
                -I./Res \
                -I../cocos2dx \
                -I../cocos2dx/include \
                -I../cocosDenshion/include
LIBS +=-lcocos2d -lCocosDenshion -lTG3_EGL -lTG3_GLESv1_CM

LIBS里面，第一个是cocos2d图形库，第二个是CocosDenshion音效库，然后是EGL库和GLES 1.1的库。虽然Uphone上有GLES 2.0，但cocos2d仍然使用1.1

同上面那条指令一样make之，我们就可以看到libCocos2dSimpleGame.so这个文件生成在 D:\Work7\PRJ_TG3\LIB\ARMLib 目录下了

四、安装包制作

和uphone普通应用的打包过程一样，详细步骤的文档在uphone开发指南和开发者社区里都有。在 D:\Work7\PRJ_TG3\Tools\ 目录下有个 TG3_Publish_Maker_V1.04.exe ，启动之。然后填入安装目录、装入libCocos2dSimpleGame.so, 选择好桌面快捷图标就行了。

实际上，我们已经把Cocos2dSimpleGame的安装包配置文件保存为Cocos2dSimpleGame\pak\Cocos2dSimpleGame.TG3_IProc了，您可以从安装包制作工具里点“从文件加载”，并选择上述的TG3_IProc文件，就可以看到所有参数应如何填写。然后，点图中左下角的“生成安装包”，就会生成一个Cocos2dSimpleGame.TGI安装文件。这就是最后结果了。可以直接拷到手机里安装，或者发布到应用商城里。

《如何用cocos2d-x来开发简单的Uphone游戏》这系列教程到这篇就结束了。后面我会从cocos2d-iphone上翻译更多的cocos2d-x文章过来。最后，祝所有用cocos2d引擎的开发者：游戏卖座、大把赚钱！

系列教程

如何用cocos2d-x来开发简单的Uphone游戏：(一) 下载安装和HelloWorld

如何用cocos2d-x来开发简单的Uphone游戏：(二) 移动的精灵

如何用cocos2d-x来开发简单的Uphone游戏：(三) 射击子弹 & 碰撞检测

如何用cocos2d-x来开发简单的Uphone游戏：(四) 音乐音效 & 最后的润色

如何用cocos2d-x来开发简单的Uphone游戏：(五) 打包和发布

著作权声明：本文由http://www.walzer.cn/原创，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，谢谢！

本文链接

如何用cocos2d-x来开发简单的Uphone游戏：(四) 音乐音效 & 最后的润色

2010-10-12T10:03:00Z

到上一篇为止，我们已经基于cocos2d-x开发出一个很简单的Uphone游戏原型了。下面再添加一些音效、背景音乐和简单的游戏逻辑就可以完工了。

六、音乐音效的实现

cocos2d-iphone中包含一个cocosDenshion库，里面从底到高提供三层接口，CDSoundEngine->CDAudioManager->SimpleAudioEngine。 cocosDenshion整个是依赖于OpenAL实现的。但OpenAL并不像OpenGL是Khronos Group的标准，而是Creative(创新)公司的一个开源库，可以软实现或硬件实现，只是名字起的比较山寨容易让人联想到OpenGL而已。目前硬件实现了OpenAL的好像就苹果一家，对于没有OpenAL的Uphone而言，我们就无法提供cocosDenshion库里底层那些复杂的音效支持了。而最顶一层，SimpleAudioEngine是最简单实用的、也是开发者最常用到的，cocos2d-x提供了这层接口的封装。我们来看游戏代码中如何“只用一行”就实现了音效播放

首先把background-music-aac.mp3和pew-pew-lei.wav两个文件拷贝到 D:\Work7\NEWPLUS\TDA_DATA\UserData 目录下。这里说明两点

Wenderlic文章中提供的这两个音乐文件，是caf格式，这是苹果自己的格式。我们在这里分别转成WAV和MP3，演示一下SimpleAudioEngine对这两种大众格式的支持
和前面的图片资源一样，我们先简单化地把音乐资源拷贝到uphone模拟器默认的资源目录下，通过直接读文件来使用。在本系列教程的下一篇“打包发布”中将会描述如何把图片和音乐和程序打在一个二进制包里，游戏开发者不用担心资源被人轻易拷走后山寨的问题

先在HelloWorldScene.cpp的开头，添加对SimpleaudioEngine.h的包含

// cpp with cocos2d-x
#include "SimpleAudioEngine/SimpleAudioEngine.h"

// objc with cocos2d-iphone
#import "SimpleAudioEngine.h"

然后在bool HelloWorld::init()方法中，加入播放背景音乐的代码

// cpp with cocos2d-x
SimpleAudioEngine::getSharedEngine()->playBackgroundMusic(

"background-music-aac.mp3");

// objc with cocos2d-iphone
[[SimpleAudioEngine sharedEngine] playBackgroundMusic:

@"background-music-aac.caf"];

接着在ccTouchesEnded方法中播放扔出飞镖的音效

// cpp with cocos2d-x
SimpleAudioEngine::getSharedEngine()->playEffect("pew-pew-lei.wav");

// objc with cocos2d-iphone
[[SimpleAudioEngine sharedEngine] playEffect:@"pew-pew-lei.caf"];

音效和背景音乐就这样简单搞定了。

七、最后的润色

现在让我们创建一个新场景，在打掉若干小怪、或者被小怪穿到屏幕左边时显示“You Win”或“You Lose”的界面。在Visual Studio中新建两个文件, GameOverScene.cpp和GameOverScene.h

GameOverScene.h的内容

1 // cpp with cocos2d-x
2 #ifndef _GAME_OVER_SCENE_H_
3 #define _GAME_OVER_SCENE_H_
4
5 #include "cocos2d.h"
6
7 class GameOverLayer : public cocos2d::CCColorLayer
8 {
9 public:
10   GameOverLayer():_label(NULL) {};
11   virtual ~GameOverLayer();
12   bool init();
13   LAYER_NODE_FUNC(GameOverLayer);
14
15   void gameOverDone();
16
17   CCX_SYNTHESIZE_READONLY(cocos2d::CCLabel*, _label, Label);
18 };
19
20
21
22
23
24 class GameOverScene : public cocos2d::CCScene
25 {
26 public:
27   GameOverScene():_layer(NULL) {};
28   ~GameOverScene();
29   bool init();
30   SCENE_NODE_FUNC(GameOverScene);
31
32   CCX_SYNTHESIZE_READONLY(GameOverLayer*, _layer, Layer);
33 };
34
35
36
37 #endif // _GAME_OVER_SCENE_H_

1 // objc with cocos2d-iphone
2
3
4
5 #import "cocos2d.h"
6
7 @interface GameOverLayer : CCColorLayer
8 {
9
10
11
12
13
14
15
16
17 CCLabel *_label;
18 }
19
20 @property (nonatomic, retain) CCLabel *label;
21
22 @end
23
24 @interface GameOverScene : CCScene
25 {
26
27
28
29
30
31
32 GameOverLayer *_layer;
33 }
34
35 @property (nonatomic, retain) GameOverLayer *layer;
36
37 @end

转换要点

1. 在objc的头文件中，可以不声明类成员函数，而直接在.m文件里实现。cpp不允许这样做。所以我们会多个bool init();

2. 由于cpp里没有self这种强大的关键字，所以CCLayer::node()和CCScene::node()方法的都需要派生类自己实现一份，不能像objc那样直接从父类继承下来靠self关键字变成指向自己的对象。node()方法很方便，集合了new,init,autorelease等方法，可以减少调用者的代码量。但由于每份node方法的代码都类似，我们就做了两个宏来方便大家 LAYER_NODE_FUNC和SCENE_NODE_FUNC. 如果想使用这两个宏，就必须在派生类里实现bool init()方法。

2. 关于构造函数和init方法。cocos2d-x在从objc改写为cpp时，并不是直接把init的内容翻到C++构造函数里面，主要出于这样的考虑：C++构造函数有个天生缺陷——没有返回值。这就导致C++构造函数依赖try-catch来捕捉逻辑异常。而一般try-catch用的人不多，开启try-catch支持会使编译后的二进制程序增加不少体积，而且android NDK上也是彻底不支持try-catch。所以我们采取现在比较流行的“二阶段构造”的方法，即使用时先调构造函数，再调用init处理初始化逻辑。这种思路不论是在苹果iOS的接口设计（比如[[NSString alloc] init]，即二阶段构造）、还是在samsung bada操作系统使用C++类时都是如此。

3. objc中的@synthesize实现了_label和_layer两个属性的具体setter和getter。我们在cocos2dx\include\Cocos2dDefine.h中实现了一系列的宏定义，来模仿实现@property和@synthesize的功能。在上面代码中，我们用CCX_SYNTHESIZE_READONLY宏来实现了只读的类成员变量，只有getter没有setter。由于VC++的规则是inline函数只能在头文件里实现，所以@synthesize就从objc的.m文件里移动到cpp的.h文件里，和成员变量声明一并实现了

4. 严谨起见，我们需要在CPP的类构造函数里，对所有成员变量初始化，上文中增加了构造函数把_layer和_label指针初始化为NULL

接着就实现GameOverScene.cpp的内容

1 // cpp with cocos2d-x
2 #include "GameOverScene.h"
3 #include "HelloWorldScene.h"
4
5 using namespace cocos2d;
6
7
8 bool GameOverScene::init()
9 {
10   if( CCScene::init() )
11   {
12     this->_layer = GameOverLayer::node();
13     _layer->retain();
14     this->addChild(_layer);
15
16     return true;
17   }
18   else
19   {
20     return false;
21   }
22 }
23
24 GameOverScene::~GameOverScene()
25 {
26   if (_layer)
27   {
28     _layer->release();
29     _layer = NULL;
30   }
31 }
32
33
34
35
36
37
38 bool GameOverLayer::init()
39 {
40   if ( CCColorLayer::initWithColor( ccc4(255,255,255,255) ) )
41   {
42     CGSize winSize = CCDirector::getSharedDirector()->getWinSize();
43     this->_label = CCLabel::labelWithString("","Artial", 32);
44     _label->retain();
45     _label->setColor( ccc3(0, 0, 0) );
46     _label->setPosition( ccp(winSize.width/2, winSize.height/2) );
47     this->addChild(_label);
48
49     this->runAction( CCSequence::actions(
50         CCDelayTime::actionWithDuration(3),
51         CCCallFunc::actionWithTarget(this,
52                     callfunc_selector(GameOverLayer::gameOverDone)),
53         NULL));
54
55     return true;
56   }
57   else
58   {
59     return false;
60   }
61 }
62
63 void GameOverLayer::gameOverDone()
64 {
65   CCDirector::getSharedDirector()->replaceScene( HelloWorld::scene() );
66 }
67
68 GameOverLayer::~GameOverLayer()
69 {
70   if (_label)
71   {
72     _label->release();
73     _label = NULL;
74   }
75 }
76
77

1 // objc with cocos2d-iphone
2 #import "GameOverScene.h"
3 #import "HelloWorldScene.h"
4
5 @implementation GameOverScene
6 @synthesize layer = _layer;
7
8 - (id)init
9 {
10   if ((self = [super init]))
11   {
12     self.layer = [GameOverLayer node];
13
14     [self addChild:_layer];
15   }
16   return self;
17 }
18
19
20
21
22
23
24 - (void)dealloc
25 {
26
27
28   [_layer release];
29   _layer = nil;
30   [super dealloc];
31 }
32
33 @end
34
35 @implementation GameOverLayer
36 @synthesize label = _label;
37
38 -(id) init
39 {
40   if( (self=[super initWithColor:ccc4(255,255,255,255)] ))
41   {
42     CGSize winSize = [[CCDirector sharedDirector] winSize];
43     self.label = [CCLabel labelWithString:@"" fontName:@"Arial" fontSize:32];
44
45     _label.color = ccc3(0,0,0);
46     _label.position = ccp(winSize.width/2, winSize.height/2);
47     [self addChild:_label];
48
49     [self runAction:[CCSequence actions:
50         [CCDelayTime actionWithDuration:3],
51         [CCCallFunc actionWithTarget:self
52    selector:@selector(gameOverDone)],
53         nil]];
54   }
55   return self;
56 }
57
58
59
60
61
62
63 - (void)gameOverDone
64 {
65   [[CCDirector sharedDirector] replaceScene:[HelloWorld scene]];
66 }
67
68 - (void)dealloc
69 {
70
71
72   [_label release];
73   _label = nil;
74   [super dealloc];
75 }
76
77 @end

转换要点

1. 再次注意GameOverLayer._label和GameOverScene._layer两个属性。这两个属性在objc的头文件里被声明为@property (nonatomic, retain)，也就是被retain了一次，所以在dealloc里才要调用release方法。同样地，我们在~GameOverLayer()和~GameOverScene()析构函数里分别release()了这两个属性，但这个release需要和一个retain对应，所以在两个init方法里都分别添加了_label->retain()和_layer->retain();

2. 关于NSAutoReleasePool, cocos2d-x里也有个模仿实现，这个简单的垃圾回收机制对C++编程来说是个福音；它使用起来和iOS上的NSAutoReleasePool原则一样，参考苹果的文档 http://developer.apple.com/library/ios/#documentation/cocoa/reference/foundation/Classes/NSAutoreleasePool_Class/Reference/Reference.html

简而言之就是，在使用cocos2d-x中继承自NSObject类的对象指针时，以下两种情况是需要用户多调一个release

类对象是用户自己new出来的。比如CCSprite *sprite = new CCSprite();
类对象是通过某个静态函数建立并返回的，比如CCSprite *sprite = CCSprite::spriteWithFile(...)，这种情况不需要用户release；但如果你接着调用了sprite->retain(), 那么就需要一个sprite->release()对应

这个山寨版的NSAutoReleasePool使用和调试细节，多释放了或未释放了应如何处理，我会另外写篇文章描述

注意，上面GameOverScene.cpp里有两个对象，一个场景(scene)和一个图层(layer)，场景可以包含多个图层，而这个图层只在屏幕正中间放了一个文字标签(label)，显示3秒种后返回到HelloWorldScene中。

最后，为了调用起这个GameOverScene，我们需要在HelloWorldScene中添加一些游戏逻辑代码。先得添加一个变量，判断我们的带头大哥一共用飞镖干掉了多少杂兵。在class HelloWorld中添加一个成员变量:

1 // cpp with cocos2d-x
2 protected:
3 int _projectilesDestroyed;

1 // objc with cocos2d-iphone
2
3 int _projectilesDestroyed;

然后在HelloWorldScene.cpp中，添加对GameOverScene.h的引用

// cpp with cocos2d-x
#include "GameOverScene.h"

// objc with cocos2d-iphone
#import "GameOverScene.h"

在HelloWorld::update方法中的removeChild(target)后面的targetsToDelete循环中增加计数并检查获胜条件，获胜了就显示"You Win!"界面

// cpp with cocos2d-x
_projectilesDestroyed++;
if (_projectilesDestroyed > 30)
{
  GameOverScene *gameOverScene = GameOverScene::node();
  gameOverScene->getLayer()->getLabel()->setString("You Win!");
  CCDirector::getSharedDirector()->replaceScene(gameOverScene);
}

// objc with cocos2d-iphone
_projectilesDestroyed++;
if (_projectilesDestroyed > 30)
{
  GameOverScene *gameOverScene = [GameOverScene node];
  [gameOverScene.layer.label setString:@"You Win!"];
  [[CCDirector sharedDirector] replaceScene:gameOverScene];
}

与之匹配的是失败条件：任何一个反派小兵穿越了屏幕的最左边，你就挂了。于是修改spriteMoveFinished方法，在if (sprite->getTag() == 1)条件里面增加“You Lose”的代码：

// cpp with cocos2d-x
GameOverScene *gameOverScene = GameOverScene::node();
gameOverScene->getLayer()->getLabel()->setString("You Lose :[");
CCDirector::getSharedDirector()->replaceScene(gameOverScene);

// objc with cocos2d-iphone
GameOverScene *gameOverScene = [GameOverScene node];
[gameOverScene.layer.label setString:@"You Lose :["];
[[CCDirector sharedDirector] replaceScene:gameOverScene];

最后编译并运行整个游戏项目，这样你就可以听到带头大哥扔飞镖同时很嚣张地发出的DIU~DIU~的声音，还有很HIGH的背景音乐循环播放；另一方面，游戏赢或输了会有一个界面提示。

这个游戏至此，已经在模拟器上100%完成了。下一篇我们讲如何做交叉编译成linux版本(也就是Uphone真机运行的版本), 如何打包图片和音乐资源到程序二进制中防止被拷贝、以及如何用制作成Uphone安装包发布。

系列教程

如何用cocos2d-x来开发简单的Uphone游戏：(一) 下载安装和HelloWorld

如何用cocos2d-x来开发简单的Uphone游戏：(二) 移动的精灵

如何用cocos2d-x来开发简单的Uphone游戏：(三) 射击子弹 & 碰撞检测

如何用cocos2d-x来开发简单的Uphone游戏：(四) 音乐音效 & 最后的润色

如何用cocos2d-x来开发简单的Uphone游戏：(五) 打包和发布

著作权声明：本文由http://www.walzer.cn/原创，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，谢谢！

本文链接

如何用cocos2d-x来开发简单的Uphone游戏：(三) 射击子弹 & 碰撞检测

2010-10-11T09:45:00Z

五、射击子弹

首先，我们先让这游戏里唯一的图层可以支持触摸。添加下面一行到init方法：

// cpp with cocos2d-x
this->setIsTouchEnabled(true);

// objc with cocos2d-iphone
self.isTouchEnabled = YES;

因为图层已经支持触摸，所以我们可以收到触摸事件的回调。现在我们实现ccTouchesEnded方法，只要用户完成触摸，该方法就会被调用。

先在HelloWorldScene.h里增加函数声明 void ccTouchesEnded(cocos2d::NSSet* touches, cocos2d::UIEvent* event);

然后到HelloWorldScene.cpp里增加函数实现

// cpp with cocos2d-x
void HelloWorld::ccTouchesEnded(NSSet* touches, UIEvent* event)
{
  // Choose one of the touches to work with
  CCTouch* touch = (CCTouch*)( touches->anyObject() );
  CGPoint location = touch->locationInView(touch->view());
  location = CCDirector::getSharedDirector()->convertToGL(location);

  // Set up initial location of projectile
  CGSize winSize = CCDirector::getSharedDirector()->getWinSize();
  CCSprite *projectile = CCSprite::spriteWithFile("Projectile.png",
   CGRectMake(0, 0, 20, 20));
  projectile->setPosition( ccp(20, winSize.height/2) );

  // Determinie offset of location to projectile
  int offX = location.x - projectile->getPosition().x;
  int offY = location.y - projectile->getPosition().y;

  // Bail out if we are shooting down or backwards
  if (offX <= 0) return;

  // Ok to add now - we've double checked position
  this->addChild(projectile);

  // Determine where we wish to shoot the projectile to
  int realX = winSize.width + (projectile->getContentSize().width/2);
  float ratio = (float)offY / (float)offX;
  int realY = (realX * ratio) + projectile->getPosition().y;
  CGPoint realDest = ccp(realX, realY);

  // Determine the length of how far we're shooting
  int offRealX = realX - projectile->getPosition().x;
  int offRealY = realY - projectile->getPosition().y;
  float length = sqrtf((offRealX * offRealX) + (offRealY*offRealY));
  float velocity = 480/1; // 480pixels/1sec
  float realMoveDuration = length/velocity;

  // Move projectile to actual endpoint
  projectile->runAction( CCSequence::actions(
      CCMoveTo::actionWithDuration(realMoveDuration, realDest),
      CCCallFuncN::actionWithTarget(this,

callfuncN_selector(HelloWorld::spriteMoveFinished)),
NULL) );
}

// objc with cocos2d-iphone
- (void)ccTouchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
  // Choose one of the touches to work with
  UITouch *touch = [touches anyObject];
  CGPoint location = [touch locationInView:[touch view]];
  location = [[CCDirector sharedDirector] convertToGL:location];

  // Set up initial location of projectile
  CGSize winSize = [[CCDirector sharedDirector] winSize];
  CCSprite *projectile = [CCSprite spriteWithFile:@"Projectile.png"
   rect:CGRectMake(0, 0, 20, 20)];
  projectile.position = ccp(20, winSize.height/2);

  // Determine offset of location to projectile
  int offX = location.x - projectile.position.x;
  int offY = location.y - projectile.position.y;

  // Bail out if we are shooting down or backwards
  if (offX <= 0) return;

  // Ok to add now - we've double checked position
  [self addChild:projectile];

  // Determine where we wish to shoot the projectile to
  int realX = winSize.width + (projectile.contentSize.width/2);
  float ratio = (float) offY / (float) offX;
  int realY = (realX * ratio) + projectile.position.y;
  CGPoint realDest = ccp(realX, realY);

  // Determine the length of how far we're shooting
  int offRealX = realX - projectile.position.x;
  int offRealY = realY - projectile.position.y;
  float length = sqrtf((offRealX*offRealX)+(offRealY*offRealY));
  float velocity = 480/1; // 480pixels/1sec
  float realMoveDuration = length/velocity;

  // Move projectile to actual endpoint
  [projectile runAction:[CCSequence actions:
    [CCMoveTo actionWithDuration:realMoveDuration position:realDest],
    [CCCallFuncN actionWithTarget:self

selector:@selector(spriteMoveFinished:)],
nil]];
}

编译后，带头大哥就可以BIU~BIU~地扔飞镖出去了。这里会产生一些float和int隐式转换导致的warning，我们为了和objc代码保持一致而在坐标计算里使用了不少int变量，实际上全部用float会更合适。

六、碰撞检测

光扔飞镖是杀不死人的，我们还需要加入碰撞检测。要做到这一点，首先得在场景中更好地跟踪目标和子弹。

在这个游戏中，我们得为小怪和飞镖两种sprite加入一个tag成员变量，以区分两种不同的游戏物体。tag=1的时候这个CCSprite对象为小怪，tag=2的时候则为飞镖。由于在CCNode里面有m_nTag这个成员变量，并且有setTag和getTag方法，因此CCSprite就继承了这些方法，我们可以利用之。

修改完毕，现在可以专心地跟踪小怪和飞镖了。把以下代码添加到class HelloWorld的声明中

// cpp with cocos2d-x
protected:
cocos2d::NSMutableArray<cocos2d::CCSprite*> *_targets;
cocos2d::NSMutableArray<cocos2d::CCSprite*> *_projectiles;

// objc with cocos2d-iphone

NSMutableArray *_targets;
NSMutableArray *_projectiles;

在这里，cocos2d-x模拟iOS的SDK实现了NSMutableArray,里面只能放NSObject及其子类。但不同的是，你必须告诉他里面要放的是哪种具体类型。

然后在init方法中初始化这两个数组

// cpp with cocos2d-x
// Initialize arrays
_targets = new NSMutableArray<CCSprite*>;
_projectiles = new NSMutableArray<CCSprite*>;

// objc with cocos2d-iphone
// Initialize arrays
_targets = [[NSMutableArray alloc] init];
_projectiles = [[NSMutableArray alloc] init];

同时在类的析构函数里释放之. 严谨地说，我们还应在class HelloWorld的构造函数里初始化_targets和_projectiles两个指针为NULL

// cpp with cocos2d-x
HelloWorld::~HelloWorld()
{
  if (_targets)
  {
    _targets->release();
    _targets = NULL;
  }

  if (_projectiles)
  {
    _projectiles->release();
    _projectiles = NULL;
  }

  // cpp don't need to call super dealloc
  // virtual destructor will do this
}

HelloWorld::HelloWorld()
:_targets(NULL)
,_projectiles(NULL)
{
}

// objc with cocos2d-iphone
- (void) dealloc
{
  [_targets release];
  _targets = nil;

  [_projectiles release];
  _projectiles = nil;

  // don't forget to call "super dealloc"
  [super dealloc];
}

现在修改addTarget方法，添加新目标到目标数组中，并给它设置Tag标记以和飞镖sprite区分开来

// cpp with cocos2d-x
// Add to targets array
taget->setTag(1);
_targets->addObject(target);

// objc with cocos2d-iphone
// Add to targets array
target.tag = 1;
[_targets addObject:target];

然后，修改spriteMoveFinished方法，根据标记的不同，在对应的数组中移除精灵

// cpp with cocos2d-x
void HelloWorld::spriteMoveFinished(CCNode* sender)
{
  CCSprite *sprite = (CCSprite *)sender;
  this->removeChild(sprite, true);

  if (sprite->getTag() == 1)  // target
  {
    _targets->removeObject(sprite);
  }
  else if (sprite->getTag() == 2) // projectile
  {
    _projectiles->removeObject(sprite);
  }
}

// objc with cocos2d-iphone
-(void)spriteMoveFinished:(id)sender
{
  CCSprite *sprite = (CCSprite *)sender;
  [self removeChild:sprite cleanup:YES];

  if (sprite.tag == 1) // target
  {
    [_targets removeObject:sprite];
  }
  else if (sprite.tag == 2) // projectile
  {
    [_projectiles removeObject:sprite];
  }
}

编译并运行项目以确保一切正常。此时还看不出什么明显不同，但我们可以利用前面加的tag标记来实现碰撞检测

现在往class HelloWorld里添加一个update方法，计算碰撞，并让碰撞了的飞镖和小杂兵同时从屏幕消失

// cpp with cocos2d-x
void HelloWorld::update(ccTime dt)
{
NSMutableArray<CCSprite*> *projectilesToDelete =

   new NSMutableArray<CCSprite*>;
  NSMutableArray<CCSprite*>::NSMutableArrayIterator it, jt;

  for (it = _projectiles->begin(); it != _projectiles->end(); it++)
  {
   CCSprite *projectile =*it;
    CGRect projectileRect = CGRectMake(
     projectile->getPosition().x - (projectile->getContentSize().width/2),
     projectile->getPosition().y - (projectile->getContentSize().height/2),
     projectile->getContentSize().width,
     projectile->getContentSize().height);

    NSMutableArray<CCSprite*>*targetsToDelete =new NSMutableArray<CCSprite*>;

    for (jt = _targets->begin(); jt != _targets->end(); jt++)
    {
   CCSprite *target =*jt;
      CGRect targetRect = CGRectMake(
     target->getPosition().x - (target->getContentSize().width/2),
     target->getPosition().y - (target->getContentSize().height/2),
     target->getContentSize().width,
     target->getContentSize().height);

      if (CGRect::CGRectIntersectsRect(projectileRect, targetRect))
      {
        targetsToDelete->addObject(target);
      }
    }

    for (jt = targetsToDelete->begin(); jt != targetsToDelete->end(); jt++)
    {
   CCSprite *target =*jt;
      _targets->removeObject(target);
      this->removeChild(target, true);
    }

    if (targetsToDelete->count() >0)
    {
      projectilesToDelete->addObject(projectile);
    }
    targetsToDelete->release();
  }

  for (it = projectilesToDelete->begin(); it != projectilesToDelete->end(); it++)
  {
   CCSprite* projectile =*it;
    _projectiles->removeObject(projectile);
    this->removeChild(projectile, true);
  }
  projectilesToDelete->release();
}

// objc with cocos2d-iphone
- (void)update:(ccTime)dt
{
NSMutableArray *projectilesToDelete =

   [[NSMutableArray alloc] init];

  for (CCSprite *projectile in _projectiles)
  {

    CGRect projectileRect = CGRectMake(
     projectile.position.x - (projectile.contentSize.width/2),
     projectile.position.y - (projectile.contentSize.height/2),
     projectile.contentSize.width,
     projectile.contentSize.height);

    NSMutableArray *targetsToDelete = [[NSMutableArray alloc] init];

    for (CCSprite *target in _targets)
    {

      CGRect targetRect = CGRectMake(
     target.position.x - (target.contentSize.width/2),
     target.position.y - (target.contentSize.height/2),
     target.contentSize.width,
     target.contentSize.height);

      if (CGRectIntersectsRect(projectileRect, targetRect))
      {
        [targetsToDelete addObject:target];
      }
    }

    for (CCSprite *target in targetsToDelete)
    {

      [_targets removeObject:target];
      [self removeChild:target cleanup:YES];
    }

    if (targetsToDelete.count >0)
    {
      [projectilesToDelete addObject:projectile];
    }
    [targetsToDelete release];
  }

  for (CCSprite *projectile in projectilesToDelete)
  {

    [_projectiles removeObject:projectile];
    [self removeChild:projectile cleanup:YES];
  }
  [projectilesToDelete release];
}

上面有个注意点，我们用来检查矩形交叉的函数。实际上各平台都有用来检查矩形相交的函数，我们这里为了方便iphone开发者转换代码，实现了静态的CGRect::CGRectInterestcRect方法。上面的代码大致就是，遍历小怪和飞镖数组，一旦发现有矩形相交（碰撞），就把他们分别添加到targetsToDelete和projectileToDelete数组中，然后删除之

在运行之前，你还需要让这个update方法不断地被调用，可以在init方法中添加如下代码达成这个目的

// cpp with cocos2d-x
this->schedule( schedule_selector(HelloWorld::update) );

// objc with cocos2d-iphone
[self schedule:@selector(update:)];

编译运行，你就可以看到飞镖和小怪碰撞时，它们同时从屏幕消失了。

至此，一个简单cocos2d游戏的雏形就已经完成了。在下一篇里，我们会对这个游戏进行最后的润色，添加背景音乐和音效，已经过关和GAME OVER的提示界面。

系列教程

如何用cocos2d-x来开发简单的Uphone游戏：(一) 下载安装和HelloWorld

如何用cocos2d-x来开发简单的Uphone游戏：(二) 移动的精灵

如何用cocos2d-x来开发简单的Uphone游戏：(三) 射击子弹 & 碰撞检测

如何用cocos2d-x来开发简单的Uphone游戏：(四) 音乐音效 & 最后的润色

如何用cocos2d-x来开发简单的Uphone游戏：(五) 打包发布

著作权声明：本文由http://www.walzer.cn/原创，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，谢谢！

本文链接

如何用cocos2d-x来开发简单的Uphone游戏：(二) 移动的精灵

2010-10-10T03:37:00Z

三、添加一个精灵

我们先用个简单的方式，把player, projectile, target三个PNG文件拷贝到 D:\Work7\NEWPLUS\TDA_DATA\UserData 目录下，这使其可以在模拟器上直接通过文件路径访问到。Uphone有其资源打包的方式，图片和音乐都可以打包到动态库文件内，这个另外会有教程描述，我们这里先让事情简单化。

关于cocos2d坐标系统的规则，简而言之就是左下角为原点，向上向右按像素递增，这在Wenderlich的原文中有详细描述，我们这里就不再赘述了。直接切入代码

现在我们在HelloWorldScene.cpp里面，找到bool HelloWorld::init()函数，把它替换成下面代码

bool HelloWorld::init()
{
  //////////////////////////////
  // 1. super init first
  if ( !CCLayer::init() )
  {
    return false;
  }

  /////////////////////////////
  // 2. add a menu item with "X" image, which is clicked to quit the program
  //    you may modify it.

  // add a "close" icon to exit the progress. it's an autorelease object
  CCMenuItemImage *pCloseItem = CCMenuItemImage::itemFromNormalImage( "CloseNormal.png",
   "CloseSelected.png",
   this,
   menu_selector(HelloWorld::menuCloseCallback) );
  pCloseItem->setPosition( ccp(CCDirector::getSharedDirector()->getWinSize().width - 20, 20) );

  // create menu, it's an autorelease object
  CCMenu* pMenu = CCMenu::menuWithItems(pCloseItem, NULL);
  pMenu->setPosition( CGPointZero );
  this->addChild(pMenu);

  /////////////////////////////
  // 3. add your codes below...

  CGSize winSize = CCDirector::getSharedDirector()->getWinSize();
  CCSprite *player = CCSprite::spriteWithFile("Player.png",
   CGRectMake(0, 0, 27, 40) );
  player->setPosition( ccp(player->getContentSize().width/2, winSize.height/2) );
  this->addChild(player);

  return true;
}

其实我们只修改了 // 3. add your codes below 这段。

cocos2d-x和cocos2d-iphone的接口有细微的差别，不过你一旦习惯了这个差别，写起代码来就会很顺手。

我们抛开添加"X"退出按钮的一段，单纯地看一下这两段init函数的差异.

// cpp with cocos2d-x
bool HelloWorld::init()
{
  if ( CCLayer::init() )
  {
   CGSize winSize = CCDirector::getSharedDirector()->getWinSize();
   CCSprite *player = CCSprite::spriteWithFile("Player.png",
    CGRectMake(0, 0, 27, 40) );
   player->setPosition( ccp(player->getContentSize().width/2,
                              winSize.height/2) );
   this->addChild(player);
  }
  return true;
}

// objc with cocos2d-iphone
-(id) init
{
  if( (self=[super init] ))
  {
   CGSize winSize = [[CCDirector sharedDirector] winSize];
   CCSprite *player = [CCSprite spriteWithFile:@"Player.png"
   rect:CGRectMake(0, 0, 27, 40) ];
   player.position = ccp(player.contentSize.width/2,
   winSize.height/2);
   [self addChild:player];
  }
  return self;
}

转换要点

1. 虽然VC++中有super关键字，但linux下用gcc编译时可不认。所以C++中不能用super::init()，而必须老老实实地指定是执行父类CCLayer::init()方法

2. 由于cpp里没有property的概念，所以在objc里涉及property的地方，我们都用了get/set函数代替。于是，访问CCDirector.SharedDirector属性的代码，就变成了CCDirector::getSharedDirector()函数调用，shared开头小写的s，也变成了大写的S。同样规则，取得winSize属性的地方，则变成了getWinSize()函数调用。这段代码中还有player->getContentSize()也受此影响。但访问结构体中的变量，如winSize中的width和height则不需用getter封装。

3. 设置类的属性，如player.position = ，也改用setter实现，变成player->setPosition(...)

4. C++函数调用不需像OBJC那样在每个参数前面说明这参数是干什么用的，比如rect:CGRectMake(...)，只需直接输入参数即可。另一方面， cocos2d-x仿照iOS实现了CGGeometry的一些函数，你可以在cocos2dx\include\CGGeometry.h里看到它们。除了CGRectMake，还有CGPointMake, CGSizeMake, CGPointZero, CGSizeZero, CGRectZero.

5. cocos2d-x所有的游戏元素, sprite,layer,scene,label,action等，都是new在heap上，并且用指针传递的，因此调用其成员函数一定是用->号，而不像objc里的点号

6. cpp里用this替代了objc的self关键字

7. cocos2d-x里的init函数改成返回bool类型了。由于cpp里没有objc的"id"关键字，所以cocos2d-iphone里返回id的地方，都改成返回明确的类指针，或者bool型变量

好了，我们编译运行一下，可以看到带头大哥一袭黑衣，很猥琐地躲在黑色背景上，只露出一双杀红了的眼睛。为了游戏性，我们需要把背景颜色改成白的。只要简单地修改，使HelloWorld不是继承CCLayer,而是继承CCColorLayer就行了。

在HelloWorldScene.h中，修改HelloWorld类声明如下。

（左边为cpp代码，也就是读者现在应该使用的，右边为Cocos2dSimpleGame原来使用cocos2d-iphone的objc代码，用以对比参考。本系列后面的行文也都如此）

// cpp with cocos2d-x
class HelloWorld : public cocos2d::CCColorLayer

// objc with cocos2d-iphone
@interface HelloWorld : CCColorLayer

然后在HelloWorld::init()函数实现中，修改刚开始的

if ( !CCLayer::init() )
{
return false;
}

变成

if ( !CCColorLayer::initWithColor( ccc4(255,255,255,255) ) )
{
return false;
}

这里小改了一下逻辑，原版objc里是如果super init成功，就BALA-BALA做后面的工作；我喜欢防御性编程，如果失败则先做出错处理、跳出，然后才继续写正确流程。这么做有两个好处，一是不会写到后面漏掉了错误处理，二是不用做太多层的if嵌套。这个是题外话了。抛开if的逻辑，我们来对比一下这句super init在cpp和objc的区别

// cpp with cocos2d-x
if ( CCColorLayer::initWithColor( ccc4(255,255,255,255) )

// objc with cocos2d-iphone
if ( self = [super initWithColor:ccc4(255,255,255,255)] )

转换要点

1. 首先，cpp的继承默认为private继承，所以类声明的继承处public关键字不可少

2. cocos2d-iphone的作者Ricardo Quesada建议我们采用C++的命名空间把cocos2d整个库包起来。而我们在这里既不想直接到头文件里using namespace cocos2d;感染了所有包含这个头文件的CPP文件，也不想把class HelloWorld归到cocos2d命名空间内，所以HelloWorldScene.h头文件里只好在每个cocos2d类前面加上命名空间cocos2d::

编译后运行，你就可以看到带头大哥孤独地站在白色背景上了，寂寞得泪流满面

四、移动目标

有了带头大哥后，我们就需要添加一些虾兵蟹将让大哥砍。英雄人物一般不喜欢砍木桩，所以我们就用void addTarget()方法在屏幕右边创建一些跑龙套的小兵，让他们以随机速度向左移动。

先到HelloWorldScene.h里添加函数声明 void addTarget(); 然后回到HelloWorldScene.cpp里实现函数

// cpp with cocos2d-x
void HelloWorld::addTarget()
{
  CCSprite *target = CCSprite::spriteWithFile("Target.png",
   CGRectMake(0,0,27,40) );

  // Determine where to spawn the target along the Y axis
  CGSize winSize = CCDirector::getSharedDirector()->getWinSize();
  int minY = target->getContentSize().height/2;
  int maxY = winSize.height -  target->getContentSize().height/2;
  int rangeY = maxY - minY;
  srand( TimGetTicks() );
  int actualY = ( rand() % rangeY ) + minY;

  // Create the target slightly off-screen along the right edge,
  // and along a random position along the Y axis as calculated
  target->setPosition(
   ccp(winSize.width + (target->getContentSize().width/2),
   actualY) );
  this->addChild(target);

  // Determine speed of the target
  int minDuration = (int)2.0;
  int maxDuration = (int)4.0;
  int rangeDuration = maxDuration - minDuration;
  srand( TimGetTicks() );
  int actualDuration = ( rand() % rangeDuration ) + minDuration;

  // Create the actions
  CCFiniteTimeAction* actionMove =
   CCMoveTo::actionWithDuration( (ccTime)actualDuration,
   ccp(0 - target->getContentSize().width/2, actualY) );
  CCFiniteTimeAction* actionMoveDone =
   CCCallFuncN::actionWithTarget( this,
   callfuncN_selector(HelloWorld::spriteMoveFinished));
  target->runAction( CCSequence::actions(actionMove,
   actionMoveDone, NULL) );
}

// objc with cocos2d-iphone
-(void)addTarget
{
  CCSprite *target = [CCSprite spriteWithFile:@"Target.png"
   rect:CGRectMake(0, 0, 27, 40)];

  // Determine where to spawn the target along the Y axis
  CGSize winSize = [[CCDirector sharedDirector] winSize];
  int minY = target.contentSize.height/2;
  int maxY = winSize.height - target.contentSize.height/2;
  int rangeY = maxY - minY;

  int actualY = (arc4random() % rangeY) + minY;

  // Create the target slightly off-screen along the right edge,
  // and along a random position along the Y axis as calculated
  target.position =
   ccp(winSize.width + (target.contentSize.width/2),
   actualY);
  [self addChild:target];

  // Determine speed of the target
  int minDuration = 2.0;
  int maxDuration = 4.0;
  int rangeDuration = maxDuration - minDuration;

  int actualDuration = (arc4random() % rangeDuration) + minDuration;

  // Create the actions
  id actionMove =
   [CCMoveTo actionWithDuration:actualDuration
   position:ccp(-target.contentSize.width/2, actualY)];
  id actionMoveDone =
   [CCCallFuncN actionWithTarget:self
   selector:@selector(spriteMoveFinished:)];
  [target runAction:[CCSequence actions:actionMove,
   actionMoveDone, nil]];
}

这里用callfuncN_selector(HelloWorld::spriteMoveFinished)回调了spriteMoveFinished方法，我们需要实现之。同样别忘记在头文件里加入声明, 然后实现之

// cpp with cocos2d-x
void HelloWorld::spriteMoveFinished(CCNode* sender)
{
CCSprite *sprite = (CCSprite *)sender;
this->removeChild(sprite, true);
}

// objc with cocos2d-iphone
-(void)spriteMoveFinished:(id)sender
{
CCSprite *sprite = (CCSprite *)sender;
[self removeChild:sprite cleanup:YES];
}

转换要点

1. 随机函数。在iphone上可以用arc4random()直接生成随机函数，而uphone上还是用传统的方法，先获取毫秒级时间（这个函数在uphone上是TimGetTickes()），用srand(int)塞进去作为random seed，然后再调用rand()生成随机数。其中srand和rand是C标准库函数

2. objc中的YES和NO，在cpp中变成true和false,这个容易理解

3. 回调函数.在objc中用 selector:@selector(spriteMoveFinished)，在cpp中实现就比较复杂了，具体可以看cocos2dx\include\selector_protocol.h里面的声明。总之每种可能出现selector的地方，都有唯一的函数指针类型与之匹配。一共有5种回调函数类型

schedule_selector
callfunc_selector
callfuncN_selector
callfuncND_selector
menu_selector

具体使用时，可以看所用函数的变量类型定义来决定。比如使用CCTimer::initWithTarget方法，第二个参数是SEL_SCHEDULE类型，到selector_protocol.h里查一下，可以看到对应是schedule_selector(_SELECTOR)宏，所以调用时就需要在类里头实现一个void MyClass::MyCallbackFuncName(ccTime)函数，然后把schedule_selector(MyClass::MyCallbackFuncName)作为CCTimer::initWithTarget的第二个参数传入。

有了addTarget后，我们需要定时地调用它。所以在init函数返回前增加这个函数调用

// cpp with cocos2d-x
// Call game logic about every second
this->schedule( schedule_selector(HelloWorld::gameLogic), 1.0 );

// objc with cocos2d-iphone
// Call game logic about every second
[self schedule:@selector(gameLogic:) interval:1.0];

然后实现gameLogic这个回调函数

// cpp with cocos2d-x
void HelloWorld::gameLogic(ccTime dt)
{
this->addTarget();
}

// objc with cocos2d-iphone
-(void)gameLogic:(ccTime)dt
{
[self addTarget];
}

不要忘记在头文件里增加函数声明，并且应为public函数，否则回调是调用不到的。

编译运行，现在你应该看到小喽啰们张牙舞爪地向大哥扑过来。于是拯救世界、维护人类和平的重任就交给大哥了。

系列教程

如何用cocos2d-x来开发简单的Uphone游戏：(一) 下载安装和HelloWorld

如何用cocos2d-x来开发简单的Uphone游戏：(二) 移动的精灵

如何用cocos2d-x来开发简单的Uphone游戏：(三) 射击子弹 & 碰撞检测

如何用cocos2d-x来开发简单的Uphone游戏：(四) 音乐音效 & 最后的润色

如何用cocos2d-x来开发简单的Uphone游戏：(五) 打包发布

著作权声明：本文由http://www.walzer.cn/原创，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，谢谢！

本文链接

如何用cocos2d-x来开发简单的Uphone游戏：(一) 下载安装和HelloWorld

2010-10-10T03:10:00Z

WARNING: 此文已经过时，引擎升级到更高的版本，方法也有些变化。请移步到 http://www.cocos2d-x.org/projects/cocos2d-x/wiki/Tutorials 阅读最新的Cocos2dxSimpleGame系列教程（网站上的tutorial教程会保持与cocos2d-x最新版本同步，但仅提供英文版本）。

另，uphone这名字由于更早时候被 UT斯达康注册过了，所以联通改项目名叫沃phone。我比较懒，这几篇博客就维持原状不修改了。cocos2d-x.org网站上攒了不少好东西，尤其是ios和android上的，大家自己去挖。

-----------------

对于cocos2d新手而言，应该对Ray Wenderlic的 How To Make A Simple iPhone Game with Cocos2D Tutorial 一文不会感到陌生，此文在cocos2d-iphone官网上被推荐，而且被翻译成中文发在CocoaChina论坛上 http://www.cocoachina.com/bbs/read.php?tid-15554.html

现在cocos2d-x.org把cocos2d-iphone翻译成C++语言，以适配在更多的手机操作系统上。目前已经出了两个稳定版本0.7.0和0.7.1，首先支持了国产的UPhone平台。除了cocos2d-uphone，还实现了cocos2d-win32, cocos2d-iphone-cpp, cocos2d-android-ndk以及网友贡献的cocos2d-bada。

现在让我们来看看，怎么在UPhone上用cocos2d-x移植Ray Wnderlic的忍者扔飞镖游戏Cocos2dSimpleGame

一、下载并安装cocos2d-x

Uphone的推荐开发环境是Windows系统。假设您已经安装好了Uphone SDK和开发环境 (UPhone SDK下载地址http://sinaapp.csdn.net/up.zip，开发者社区地址http://110.86.4.110:8086/developmentWorks/）

1. 下载cocos2d-x源码

方法一：到 http://download.cocos2d-x.org 下载稳定发布版的压缩包。

方法二：推荐下载最新的代码。请从 http://github.com/cocos2d/cocos2d-x/ 里获取最新的代码，如果不会用git工具，则在这个网页右边找到DOWNLOAD，点击下载就行了。

解压后把目录放到Uphone SDK所在的 D:\Work7\cocos2d-x\ 目录下，注意保持目录结构如图，省去一些配置PATH的麻烦

可以看到，cocos2d-x已经完整地把cocos2d引擎、所有测试例、box2d和chipmunk两个物理引擎、CocosDenshion音效引擎都移植过来了。双击cocos2d-uphone.sln，用Visual Studio2008或VS2010打开工程。（别点错了打开cocos2d-win32.sln）

2. 安装vs2008的模板

进到D:/Work7/cocos2d-x/template/CCXAppWiz.vs, 然后双击setup_vs2008.js运行，成功安装后会有提示框显示"App Wizard successfully installed!"。然后你在vs2008里solution -> Add -> New Project 就可以选择建立cocos2d-uphone或cocos2d-win32程序了

二、Hello, Cocos2D

在开始动手之前，咱们先看下cocosTemplate编译和运行的效果。这里有一点需要注意，uphone模拟器并不是像windows mobile那样的armulator解决方案，而是靠win32-linux交叉编译来解决模拟器-真机开发环境差异的。所以在Visual Studio里的solution platform下拉菜单里，并没有单独的一个“uphone"选项，而是直接在win32-debug下编译运行uphone应用。

在VS2008对cocosTemplate编译完后，需要设置一下启动参数。在cocosTemplate项目上点右键->属性(Properties), 在Debugging标签下，修改Command和Command Arguments如下

在屏幕右下角找到uphone助手的小图标，右击弹出菜单，然后点启动。

模拟器启动起来后，运行cocosTemplate

现在我们可以做活动一下颈椎，脑袋靠到右肩膀上看模拟器，All is well~ 这是个横屏的应用，屏幕坐标的确是横过来了，但模拟器本身却没有被放倒横过来。Uphone开发团队应该还需要一些时间来把模拟器这个小萝莉推倒。我在本文的后面部分，为了省去各位读者卷屏和活动颈椎的工作，就把截图都放横过来了贴了。

这里有两个细节：

一是模拟器点“启动”时，会给我们一个干净的环境运行自己的程序；而点“自动模式启动”时，则会加载桌面进程，连带解锁、壁纸、微件、应用程序ICON列表全部出来了。对于调试游戏而言，我们不需要加载这么多东西。

二是cocos2d-x的HelloWorld相比iphone版本，增加了右下角的一个"X"退出按钮。因为并不是每款手机的HOME键都像iphone一样可以退出当前应用进程，所以我们保守起见，在游戏里自己留了个退出的按钮。

系列教程

如何用cocos2d-x来开发简单的Uphone游戏：(一) 下载安装和HelloWorld

如何用cocos2d-x来开发简单的Uphone游戏：(二) 移动的精灵

如何用cocos2d-x来开发简单的Uphone游戏：(三) 射击子弹 & 碰撞检测

如何用cocos2d-x来开发简单的Uphone游戏：(四) 音乐音效 & 最后的润色

如何用cocos2d-x来开发简单的Uphone游戏：(五) 打包发布

著作权声明：本文由http://www.walzer.cn/原创，欢迎转载分享。请尊重作者劳动，转载时保留该声明和作者博客链接，谢谢！

本文链接