Cocos从入门到精通--《Cocos引擎在mac平台上的搭建》

前端之家收集整理的这篇文章主要介绍了Cocos从入门到精通--《Cocos引擎在mac平台上的搭建》前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Cocos引擎及相关开发包下载

该课程的视频教程地址:http://edu.csdn.net/course/detail/1342

首先我们需要前往Cocos2d-x的官网,英文不好的同学可以选择一些中文语言,如图:


选择好语言之后我们点击下载选项如图:



点击下载之后会出现上图,然后我们选择下载Cocos引擎。

下载完毕之后双击下载好的dmg安装文件就可以安装了,安装过程很简单,只需要点击下一步就行了,这里就不讲了。安装完成之后就是环境搭建了。

我们首先打开刚刚安装好的Cocos引擎,选择“商店”选项。然后在搜索栏里输入Cocosframework,然后就会出现下图:


这里我们选择下载CocosFrameworkv3.7也就是最新的Cocos引擎。

接着我们来下载Androidsdk,重复上面的步骤,在搜索栏里输入Androidsdk,会出现下图:



我们选择下载AndroidSDK。

然后我们在搜索栏里输入AndroidNDK会出现下图:


下载完Androidsdk,ndk之后我们就完成了所有cocos2d-xv3.7环境搭建的所有软件的下载的工作了,下面我们来讲解一下CocosStudio的环境配置问题。

二.CocosStudio的环境配置

首先我们需要新建一个项目。打开之前安装好的cocos引擎。选择项目选项,如图:

接着我们选择“新建项目”选项:


然后我们可以看到下图:


从图中我们可以看到新版本的Cocos2d-x引擎为我们提供了很多不同配置的游戏开发环境,前两个选项分别是项目名称,项目存储路径这里我们就不讲了,接着是屏幕方向,我们可以选择开发横屏的还是竖屏的游戏,引擎版本我们这里选择使用3.7版本的,因为我们刚才下载的就是这个版本,语言有Lua,C++,JavaScript供选择,这里我们选择C++,附加功能暂时用不到就不选了,选择完这些之后点击:“完成”。

之后一个基于Cocos2d-x3.7的项目就创建完成了,这时候Cocos引擎是自动打开CocosStudio,我们可以看到工程的CocosStudio编辑的界面,如下图:

从图中我们可以看到,我们可以通过CocosStudio对我们创建的工程进行界面的编辑。CocosStudio的具体功能我们在以后的课程中也会重点讲到,它是Cocos2d-x最好用的编辑器,同学们在以后的工作中一定会用到。

新版本的CocosStudio可以选择不同分辨率来编辑界面,这样就为我们省去了去通过打包各个Android设备来测试的麻烦,是个很好的功能改进,图中可以看出我们选择了,iPhone4/4s960*640的分辨率,这也是实际开发中最常用的分辨率。我们还可以看到中间红色矩形框标注的一个“三角”点击那里我们就可以在Cocos模拟器中看到该界面的显示效果了,最右边的红色矩形框标注的选项可以选择运行的平台,可以选择Mac和Android。

好了,看完CocosStudio的介绍,大家是不是对新版本的CocosStudio的改进很兴奋呢,哈哈。

接下来我们来看看如何来配置Android的开发环境,让我们的游戏也在Android的设备上运行起来。

我们点击CocosStudio选项如图:


我们选择“偏好设置”然后就会弹出如下界面:


我们选择“平台”选项。分别点击“SDK,“NDK的“浏览”按钮。找到我们下载好的Androidsdk,Androidndk的存放路径。然后点击“确定”,这样我们就把Android的环境给搭建好了。(注意:这里可能会出现一个问题,应该是CocosStudio不识别macos隐藏文件的问题,我们如果直接去Cocos引擎下载文件的默认文件夹下面选择刚才下载好的androidsdk和androidndk,是找不到该路径的,我们可以把刚才下载好的androidsdk和androidndk,拷贝到我们桌面的某个文件下,然后“浏览”的时候去选择你桌面的该文件夹,进行Androidsdk和AndroidNDK的路径配置)。

搭建完Android的环境之后我们就可以在Android设备上运行我们新建的项目了,我们回到CocosStudio的主界面,找到Android的“小机器人“的图标,如图:


插入你的Android设备到你mac的usb接口,注意一定要打开你Android手机的开发者选项哦,不然是不能对该设备进行安装你的游戏的。我们点击这个小机器人,就是可以把我们新建的项目运行到你的手机上了,运行效果图如下:

好了,这节课程就到这儿了,听完这节课是不是对的3.7版本Cocos2d-x感到兴奋呢,下面一节课我们会根据我们新建的工程来讲解新版本的Cocos2d-x的项目架构都有什么变化。我们很快就会推出第二节课,希望同学们前来我们论坛或者QQ群交流。今天的课程就到这儿,再见。

作业:

1.下载,安装好Cocosv3.7开发环境。










原文链接:https://www.f2er.com/cocos2dx/341723.html

猜你在找的Cocos2d-x相关文章