初识游戏——cocos2dx初探

前端时间一直在忙项目,也提到了关于是一个AVG游戏项目,近期由于最新需求,需要开发iOS 游戏,之前做了这么久一直没有感觉到真正游戏或者游戏开发的存在,这一次,好像真的要步入游戏开发了。

所以整理了一下。

具体概念和基本使用就不做介绍了,因为那些都太枯燥了,这里先说说整个环境搭建(以Mac为例),然后根据实际开发整理一些有意义的东西

先来看看官方

http://docs.cocos.com/cocos2d-x/manual/zh/

搭建开发环境 - iOS

工具准备

Cocos2d-x v3.17,下载后解压,下载参见:Cocos官网页面:http://www.cocos.com/download
Xcode 9 下载后安装,下载参见:Apple官网页面;https://developer.apple.com/download/more/或者前往App Store下载

配置步骤:

  • 打开 cocos2d-x-3.17/build/cocos2d_tests.xcodeproj

  • 在 Xcode 顶部工具栏选择 cpp-tests iOS,iPhone 7 Plus,点击运行,项目将自动编译运行,效果如图:

曹理鹏(iCocos)-梦工厂

如何调试(Debug)

  • 点击代码行左侧的空白,设置断点
  • 运行 cpp-tests

操作 App 触发断点,IDE 将卡在断点处,视图会自动变化,左侧导航栏可以查看运行堆栈,底部窗口可以查看变量的值:

曹理鹏(iCocos)-梦工厂

这里严格来说,其实不算是环境搭建,而是下载引擎,运行官方demo而已,那么下面我们开始简单的搭建一个实际项目,并后续从零开始做一个真正的游戏

实际开发配置

步骤:

登录Cocos2d-x 的官网 http://www.cocos2d-x.org

点击download 下载最新的版本

曹理鹏(iCocos)-梦工厂

点击超链接,将会下载得到一个Cocos2d-x-3.17.zip 压缩包

将下载的压缩包进行解压,打开得到的文件夹,其结构目录如下

曹理鹏(iCocos)-梦工厂

  • build :多平台下的架构文件存放的目录
  • cocos 框架核心目录 里面存放了Cocos2d-x的核心代码。
  • docs:文档目录 可以使用该目录下的doxygen.config 文件创建离线文档
  • extensions:扩展目录 存放了一些官方的扩展 包括更多图形用户界面的控制功能 网络访问 CocosBuilder 等
  • external:存放扩展需要用到的物理引擎 包括box2d和chipmunk
  • licenses: cocos2d依赖很多开源项目,所有的授权许可文件都在这个目录
  • plugin:plugin-x 项目目录,plugin -x 是一个可以快速接入第三方idk的框架
  • templates:该目录包括在不同集成环境及不同平台中创建Cocos2d-x 新项目的模板
  • test:测试项目 这是我们最开始用到的文件 在 cpp-tests 项目中包含所有类的用法 lua 和js 样本也在这个目录
  • tools: 需要用到的工具 Cocos2d-console 目录中包含了创建Cocos2d-x项目的脚本 可以针对不同的平台进行开发环境的搭建 同时 还包括将c++绑定至lua 及JavaScript 的脚本文件

Cocos2d-x的安装和配置

Cocos2d-x 从2.1.4 版 之后已经不再支持使用模板来生成项目 而是使用官方提供的python 直接创建项目 也就是说Cocos2d-x 不能安装到Xcode上面,不能使用Xcode的Cocos2d-x模板一步一步的生成项目,只能使用Xcode来打开已经创建好的项目

创建项目的步骤如下:

  • 打开终端 进入Cocos2d-x3.14 目录执行./setup.py 运行该文件用来 配置系统的一些环境变量

曹理鹏(iCocos)-梦工厂

  • 打开终端 执行Cocos new HelloCpp -p org.cocos2dx -l cpp -d codes

曹理鹏(iCocos)-梦工厂

如果一切正常 则项目创建成功 关闭终端 再次进入Cocos2d-3.14目录这时候 会发现新建的codes目录

进入该目录发现新建的HelloCpp项目 进入proj.ios_mac 双击HelloCPP.xcodeproj 文件 使用快捷键(command+run)运行程序 就可以在iOS模拟器上看到经典的hello world 画面

曹理鹏(iCocos)-梦工厂

坚持原创技术分享,您的支持将鼓励我继续创作!