美文网首页cocos2d-h5 开发我爱编程
windows下快速搭建cocos2d-js的环境

windows下快速搭建cocos2d-js的环境

作者: 三月懒驴 | 来源:发表于2015-07-26 14:31 被阅读4974次

1.准备工具

1.1 python <-(戳我大传送们)这个必定要用2.X的版本,3.X的不支持,当初困扰太久了,这个问题!!!

1.2 cocos2s-js  <-(戳我大传送们)说了是安装cocos2d-js。就得挑js的版本来下!!!下载之后解压,啥都不用做

1.3 安卓三大件

Apache Ant <-(戳我大传送们)

Android NDK <-(戳我大传送们)

Android SDK <-(戳我大传送们)

以上三个可能需要翻墙才能下载!不过我也是很不懂,如果我要做纯HTML5的游戏的话,我要安卓三大件来干嘛么。配置起来挺麻烦的。

2 .配置环境

OK,以上准备完毕之后,我们就可以在window慢慢配置一下cocos2d的开发环境了。

2.1 先cmd呼出命令行。python --version 一下查看你的python版本有没有对上号,真的不要用3.X的版本。

图2.1:确认python版本

2.2 再在命令行cd 到cocos2d-js的目录下面。输入setup.py(其实也可以在文件夹中把setup.py拉到命令行去)后回车

图2.2:执行setup.py

2.3 之后就是配置安卓三大件的时刻了:命令行会出现下面一段文字(斜体加粗是要填上去的,每填写一个回车后才出现下一个!)

Setting up cocos2d-x...

->Check environment variable COCOS_CONSOLE_ROOT

->Find environment variable COCOS_CONSOLE_ROOT...

->COCOS_CONSOLE_ROOT is found : C:\wamp\www\cocos2d\tools\cocos2d-console\bin

->Configuration for Android platform only, you can also skip and manually edit y

our environment variables

->Check environment variable NDK_ROOT

->Find environment variable NDK_ROOT...

->NDK_ROOT is found : D:\android\ndk

->Check environment variable ANDROID_SDK_ROOT

->Find environment variable ANDROID_SDK_ROOT...

->ANDROID_SDK_ROOT is found : D:\android\sdk

->Check environment variable ANT_ROOT

->Find environment variable ANT_ROOT...

->ANT_ROOT is found : D:\android\ant\bin

全部写好后回车,重启电脑后再打开命令行:

输入cocos --verison 看看,是否有版本打印出来,如果打印出来就成功了。

图2.3 配置成功

3. cocos2d-js目录说明

刚把cocos2d-js 下载下来看着这些东西真心不知道从哪里开始看!下面我们先强迫症的梳理一下所有文件。

3.1 引擎所在:-frameworks——>里面包含两个文件夹cocos2d-html5 和js-bindings。前者是html5引擎,后者是-x的引擎,外部接口是js写,但基础模块却是cpp来实现。

3.2 例子文件夹:\samples (cocos2d-js的api文档的确写的很乱,建议新手还是看例子为主,配合api文档看学。)

3.3 模板文件夹:\templates 调用cocos new -l js去新建一个项目的时候,这templates起作用的。

3.4 其他:(复制其他人写的过来,这些刚开始可以不用过份理解,看一遍知道有什么作用就可以了)

README 包含一些对 Cocos2d-JS 的介绍。

LICENSE 正如我们之前提到的,Cocos2d-JS 的许可证是 MIT,你可以查阅在引擎根目录下的 the license 文件夹来获得更多关于 Cocos2d-html5 and Cocos2d-x 的许可证细节。

tools 目录包括 cocos 控制台工具和 绑定生成工具(bingings-generator)。template 文件夹下包含一个 build.xml 文件,里面存放着闭包编译器的控制信息,通过 ANT 这个命令,你可以将你的游戏打包成为一个单个文件。

build 目录包含着内置的工程样本文件。

docs 目录包含 JavaScript 编码风格指导和 release 的信息。

CHANGELOG 包含所有版本的修改信息。

setup.py 是一个环境搭建的 python 脚本。

4. cocos2d-js查看例子

上一遍说到samples里面包含了很多值得一看的例子。现在我们来说说怎么去看这些例子。

由于cocos2d-js的项目需要在服务器环境下才能看。所以,推荐安装 wampserver 至于它怎么使用呢,还是自己上网查查看。通过wamp搭建出来的环境,把cocos2d放进这个服务器中,我们直接在浏览器下输入:http://localhost/cocos2d/samples/js-tests/就可以查看需要学习的例子了。

如果你不想麻烦去安装wampserver的话,可以在命令行下直接cd 到cocos2d的samples/js-tests/目录下,使用cocos run -p web同样也可以在浏览器看到例子。

图4:查看cocos2d-js的例子

以上只是在以前学习cocos2d-js记录下的笔记整理,如有不正确麻烦指出。

下一篇预告:cocos2d-js的一些常用命令,cocos Code IDE 和cocos2d-js项目简介。

---写于2015年7月26日 14:28:38

相关文章

网友评论

    本文标题:windows下快速搭建cocos2d-js的环境

    本文链接:https://www.haomeiwen.com/subject/wsdmqttx.html