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所示。

42064-00-017-1

图1-2 Eclipse官方网站首页

42064-00-017-2

图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”超链接进行下载。

42064-00-018-1

图1-4 Eclipse官网下载页2

42064-00-018-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所示界面。

42064-00-018-3

图1-6 Eclipse文件夹

42064-00-018-4

图1-7 设置Eclipse工作区

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

(8)指定完工作区路径后,将欢迎界面关闭,就进入了Eclipse的主界面,如图1-8所示。

42064-00-019-1

图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”按钮。

42064-00-019-2

图1-9 Install New Software界面

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

(12)下载过程界面如图1-10所示,等待Eclipse将插件下载完毕,将进入图1-11所示的界面。

42064-00-019-3

图1-10 Install New Software安装界面

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

42064-00-019-4

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

42064-00-020-1

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

42064-00-020-2

图1-13 安装提示框1

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

42064-00-020-3

图1-14 安装提示框2

42064-00-020-4

图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-…”进行下载,此时浏览器会弹出下载对话框,提示下载并保存(这一点不同的浏览器会有所不同)。

42064-00-020-6

图1-16 SDK官方下载首页

42064-00-021-1

图1-17 SDK官网下载处

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

42064-00-021-2

图1-18 Android SDK安装界面1

42064-00-021-3

图1-19 Android SDK安装界面2

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

42064-00-021-4

图1-20 Android SDK安装界面3

42064-00-021-5

图1-21 Android SDK安装界面4

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

42064-00-022-1

图1-22 Android SDK安装界面5

42064-00-022-2

图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所示。

42064-00-022-3

图1-24 Android SDK安装界面7

42064-00-022-4

图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位版本)。

42064-00-023-1

图1-26 NDK官网下载页1

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

42064-00-023-2

图1-27 NDK官网下载页2

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

42064-00-023-3

图1-28 NDK下载完成文件图

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

42064-00-024-1

图1-29 NDK下载配置图1

42064-00-024-2

图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所示。

42064-00-024-3

图1-31 Cocos2d-x官方网站

42064-00-024-4

图1-32 Cocos2d-x下载处1

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

42064-00-025-1

图1-33 Cocos2d-x下载处2

42064-00-025-2

图1-34 Cocos2d-x文件下载

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

42064-00-025-3

图1-35 Cocos2d-x文件下载完成

(4)最后将解压后的“cocos2d-x-3.9”文件夹复制到D盘的Android文件夹下,即完成了Cocos2d-x引擎的下载。在打开的Eclipse集成开发环境中Cocos2d-x项目需要在指定文件中配置cocos2d-x-3.9项目路径,这些内容在后面Android项目的导入与运行中会有介绍。

说明

这里强烈建议读者采用笔者建议的文件路径,否则本书中的Android案例项目将不能直接导入运行。若读者确实需要采用不同的路径,本书后面也会介绍如何对导入的项目进行配置,以支持不同的文件路径,到时读者注意一下即可。