
1.2 Cocos2d-x开发环境的搭建
Cocos2d-x引擎目前主要用于智能手机游戏的开发,本书中的大部分案例都是基于Android平台进行介绍的。因此,对于初学者而言,要做的第一步工作是搭建Android应用程序的开发环境。本节将向读者介绍Cocos2d-x及其插件的下载及配置。
1.2.1 Eclipse的下载与配置
首先,我们介绍Eclipse集成开发环境,其是一个跨平台的用于Android应用程序开发的集成环境,由IBM公司开发。本小节将向读者介绍其下载及配置,具体步骤如下。
(1)首先在浏览器中输入http://www.eclipse.org/,打开Eclipse官方网站,如图1-2所示。然后点击“DOWNLOAD”跳转到下一个页面,如图1-3所示。

图1-2 Eclipse官方网站首页

图1-3 Eclipse官网下页1
说明
进行Eclipse的下载配置之前,需要首先在机器上安装配置好JDK。JDK是指Java Development Kit,是用于开发Java程序的工具包。JDK的配置包括在系统的Path环境变量中加入JDK的bin路径,以及在环境变量中新增JAVA_HOME项,设置JDK的安装路径等。关于JDK的具体安装以及配置已经有非常多的书籍资料介绍,因此,本书不再赘述,需要的读者请参考其他书籍或资料完成。
(2)然后在图1-3所示的页面中选择版本为“Eclipse IDE for Java Developers”的Eclipse,并且选择符合读者PC操作系统数据位的版本(笔者选用的是64bit),点击相关超链接。
(3)选择适合自己的版本之后将进入图1-4所示的页面,点击“Downloads”按钮进入下载确认页面,如图1-5所示。确认下载信息无误后,点击“Windows 64 bit”超链接进行下载。

图1-4 Eclipse官网下载页2

图1-5 Eclipse官网下载页3
(4)接着浏览器会弹出下载窗口,读者可根据自身需求更改下载路径,然后单击下载按钮,进行Eclipse的下载。
(5)将所需要的Eclipse下载完成之后,会得到一个名为“eclipse-java-mars-1-win32-x86_64.zip”(名称随下载版本的不同会有所不同)的压缩包,将此压缩包解压得到名为“eclipse”的文件夹。
(6)打开解压后的“eclipse”文件夹,如图1-6所示。接着双击其中的“eclipse.exe”文件,启动Eclipse集成开发环境,就会出现图1-7所示界面。

图1-6 Eclipse文件夹

图1-7 设置Eclipse工作区
(7)图1-7所示界面提醒用户设置自己的项目工作区路径,笔者采用的是“D:\Android\workspace”。这里强烈建议读者的工作区路径设置和笔者的保持一致,以便本书中的案例能够直接导入运行。
(8)指定完工作区路径后,将欢迎界面关闭,就进入了Eclipse的主界面,如图1-8所示。

图1-8 Eclipse中的help选项
(9)在主界面中选择“Help”菜单下的“Install New Software”子菜单项,系统会弹出此子菜单项的配置界面,如图1-9所示。
(10)在如图1-9所示界面中的“Work with”文本框中输入URL地址“http://dl-ssl.google.com/ android/eclipse/”,并点击“Add”按钮。

图1-9 Install New Software界面
(11)此时需要联网获取信息,可能需要稍微等待一会。联网获取信息完毕后,界面中将出现“Developer Tools”列表,将其展开,勾选其中的所有项目,然后点击“Next”按钮进行插件下载,如图1-9所示。
(12)下载过程界面如图1-10所示,等待Eclipse将插件下载完毕,将进入图1-11所示的界面。

图1-10 Install New Software安装界面
(13)在图1-11所示的界面中点击Next按钮,则进入安装条款界面,勾选同意选项,如图1-12所示,然后点击Finish按钮,则出现图1-13所示的安装提示框。

图1-11 插件下载完毕界面

图1-12 插件下载完毕界面

图1-13 安装提示框1
(14)在安装进度条走完之后,将出现图1-14所示提示框,询问用户是否确定安装,点击OK按钮,则会出现图1-15所示提示框,询问用户是否重启Eclipse。点击Yes按钮,则会重新启动Eclipse。

图1-14 安装提示框2

图1-15 重启提示框
(15)至此,用于开发Android应用程序的Eclipse集成开发环境的搭建及相关环境变量的配置就完成了,读者此时就可以正式开始Android应用开发之旅了。
提示
需要下载的文件非常多,大约2GB,可能要耗费数小时的时间,读者朋友可以在下载时去超市购购物,Shopping归来后下载应该就完成了。
1.2.2 Android SDK的下载与配置
前面介绍了Eclipse的安装及配置,接下来要介绍的是Android SDK的下载及配置。Android SDK是开发Android应用程序的基础开发环境,其本身是免费的。本小节将向读者介绍Android SDK的下载、解压及配置,具体步骤如下。
(1)首先在浏览器中输入http://developer.android.com/sdk/index.html,打开Android SDK的官方下载网站,如图1-16所示。然后下滑页面至图1-17所示处,点击“installser_r24.4.1-…”进行下载,此时浏览器会弹出下载对话框,提示下载并保存(这一点不同的浏览器会有所不同)。

图1-16 SDK官方下载首页

图1-17 SDK官网下载处
(2)将Android SDK下载成功以后,会得到一个名称为“installer_r24.4.1-windows.exe”的可执行文件(随选择下载版本的不同,此名称可能不同)。双击打开,点击界面中“next”按钮到下一步,如图1-18所示,根据图1-19所示内容进行勾选,再点击“next”按钮到下一步。

图1-18 Android SDK安装界面1

图1-19 Android SDK安装界面2
(3)接着到达选择安装路径界面(见图1-20),笔者选择的路径是“D:\Android\android-sdk”,这里建议读者采用的安装路径与笔者的安装路径保持一致。路径选择完成之后,点击“next”按钮进入下一个界面,按照图1-21所示进行勾选,点击“Install”按钮进入下一个界面。

图1-20 Android SDK安装界面3

图1-21 Android SDK安装界面4
(4)接着就到达了图1-22所示的界面,在其中点击“next”按钮即可进入安装结束界面,如图1-23所示。在图1-23所示的界面中首先选中“Start SDK Manager”选项,然后点击“Finish”按钮。

图1-22 Android SDK安装界面5

图1-23 Android SDK安装界面6
(5)稍微等待一会,系统会弹出“Android SDK Manager”的界面,如图1-24所示。在其中选中“Android SDK Build-tools”“Android SDK Platform-tools”以及“Android 4.4.2”等选项,然后点击界面右下侧的“Install XX packages…”(XX代表一个整数,随选中选项的数量不同而不同)按钮即可开始下载SDK所需要的文件,下载过程如图1-25所示。

图1-24 Android SDK安装界面7

图1-25 Android SDK安装界面8
提示
这里笔者之所以勾选“Android 4.4.2”是由于其目前市场占有率较高。笔者可以根据需要勾选其他需要的Android平台版本选项。另外,随网络情况的不同下载的时间也是不同的,有时需要较长时间,请读者耐心等待。
1.2.3 Android NDK的下载与配置
完成了Android SDK的下载及配置以后,下一步要进行的就是Android NDK的下载及配置了。Android NDK是开发Android平台下C++应用程序必不可少的重要工具包,是能够帮助开发者快速开发C++的动态库,具体下载配置步骤如下。
(1)首先在浏览器中输入http://developer.android.com/ndk/downloads/index.html,打开Android NDK的官方下载网站,接着下拉该页面到图1-26所示的位置,然后点击网页中“android-ndk-r10e-windows-x86_64.exe”的超链接(请读者根据自己PC的配置选择32位或64位版本)。

图1-26 NDK官网下载页1
(2)选择了NDK版本后进入到图1-27所示界面,勾选同意协议并点击被椭圆圈中的蓝色区域部分进入下载流程,系统会自动弹出保存提示,然后保存即可。

图1-27 NDK官网下载页2
(3)NDK下载完成后得到图1-28所示名称为“android-ndk-r10e-windows-x86_64.exe”的文件。双击打开得到名称为“android-ndk-r10e”的文件夹。将这个文件夹复制到D盘的Android文件夹下,并且进入Eclipse集成开发环境,进行配置。

图1-28 NDK下载完成文件图
(4)进入Eclipse集成开发环境后选择“Window”菜单项,并点击其下的“Preferences”子菜单项,如图1-29所示。点击“Perferences”子菜单项后弹出“Prferences”对话框,在顶部搜索框中输入NDK并回车搜索,得到图1-30所示配置路径界面并配置运行PC的NDK路径。接着点击“Apply”按钮,然后点击“OK”按钮,这样就完成了Android NDK的配置。

图1-29 NDK下载配置图1

图1-30 NDK下载配置图2
1.2.4 Cocos2d-x的下载与配置
完成了Eclipse、Android SDK、Android NDK的下载及配置后,Android平台本身的开发环境就全部搭建完成了。下面就应该下载并配置Cocos2d-x引擎了,具体步骤如下。
(1)首先在浏览器中输入http://www.cocos2d-x.org/,打开Cocos2d-x引擎的官方网站,如图1-31所示。接着点击网页中顶部靠右的“Download”超链接进行下载,如图1-32所示。

图1-31 Cocos2d-x官方网站

图1-32 Cocos2d-x下载处1
(2)点击“Download”超链接后页面将跳转到下载界面,如图1-33所示。在下载界面中选择点击“DOWNLOAD V3.9”按钮,此时浏览器将弹出下载对话框(这一点不同的浏览器会有所不同),如图1-34所示,点击保存进行下载。

图1-33 Cocos2d-x下载处2

图1-34 Cocos2d-x文件下载
(3)Cocos2d-x引擎下载完成之后,将得到一个名称为“cocos2d-x-3.9zip”的压缩包。接着将此压缩包进行解压可得到同名文件夹,如图1-35所示。

图1-35 Cocos2d-x文件下载完成
(4)最后将解压后的“cocos2d-x-3.9”文件夹复制到D盘的Android文件夹下,即完成了Cocos2d-x引擎的下载。在打开的Eclipse集成开发环境中Cocos2d-x项目需要在指定文件中配置cocos2d-x-3.9项目路径,这些内容在后面Android项目的导入与运行中会有介绍。
说明
这里强烈建议读者采用笔者建议的文件路径,否则本书中的Android案例项目将不能直接导入运行。若读者确实需要采用不同的路径,本书后面也会介绍如何对导入的项目进行配置,以支持不同的文件路径,到时读者注意一下即可。