cocos2d js 入门

Cocos2d-JS是Cocos2d-x的JavaScript版本,融合了Cocos2d-HTML5和Cocos2d-x JavaScript Bindings(JSB)。它支持Cocos2d-x的所有核心特性并提供更简单易用的JavaScript风格API,基于Cocos2d-JS的框架,您可以方便的使用JavaScript语言进行游戏开发,快速构建原型进行验证,并让您的游戏跑在所有支持HTML5规范的浏览器上。

Cocos2d-JS 引擎包 【下载地址:http://www.cocos2d-x.org/download/ 】

JS类库: 【下载地址:http://www.cocos2d-x.org/download/ 】

python下载: 【下载地址:Python Release Python 2.7.14】

安装步骤:

1、 安装python,比较傻瓜,不多说

2、 cocos2d-js引擎包解压出来, 我的是cocos2d-x-3.17版本,进入目录,运行 python setup.py, 回车到底。

3、 运行cocos -v 检测是否成功, 未成功检测下 cocos环境变数 。 成功后新建cocos2d-js项目:cocos new project_name –l js

cocos new XXXX(项目名) -p com.XXX.XXX(项目ID) -l cpp(js表示js工程,ccp表示c++工程,lua标识创建lua工程) -d /Users/youmac/newprojects(项目路径)

4、 进入你的project_name , 就可以查看官方hello world例子了

cd进入项目:

cocos run -p web 启动例子

cocos API 及介绍: 1.1 Cocos2d-JS介绍

helloworld例子分析:

frameworks 中包含了两个引擎模块,还有一个包含各个平台上的工程文件夹runtime-src,你只需要进入到这个文件夹看一下就能明白他的功能了。

res 目录.它包含了工程中所有被需要的资源文件。现在它仅仅包含一些图片样本。 但是如果你想要增加一些游戏的元素或者一些极好的游戏音乐,你应该将它们放在这个文件夹下并给为每个文件取一个合适的名字。

src 文件夹. 它包含你真实游戏的所有逻辑代码。如果这里有成千上百个 javascript 源文件,你最好将它们用子文件夹分成许多小部分。现在,我们的HelloWord工程拥有2个 javascript 源文件。 app.js 包含我们模板的第一个场景代码。在resource.js 定义了许多资源的全局变数。

index.html 文件是 HTML5 基于web应用程序的入口点。它是一种 HTML5 兼容的格式。它定义了许多元数据,例如设置视角和全屏参数等。

project.json 文件是我们工程的配置文件。请参考网站project.json获得更多详情 。

main.js 是一个创建你的第一个游戏场景和在浏览器显示这个场景的一个文件。 在这个文件里,你也可以定义你的解析度策略和预载入你的资源。

打包项目:

  1. 安装ant

要加入ANT_ROOT环境变数。

mac下可以使用

brew install ant 安装

配置环境变数

vim ~/.bash_profile

加入 export ANT_ROOT=/usr/local/Cellar/ant/1.10.5/bin

2.cd 进入项目

cocos compile –p web| android|IOS –m release

// Web平台还可以添加--advanced来使用Closure Compiler的高级混淆功能对代码进行混淆

cocos compile -p web -m release --advanced

命令运行成功之后,在工程文件夹下多出了一个publish文件夹,这个就是发布包。

cocos compile –p web –m release

拷贝/publish/html5到你的伺服器下, 起服务, 搞定~


推荐阅读:
查看原文 >>
相关文章