搭建 Cocos2d-html5环境与webstorm的配置
来源:互联网 发布:发卡平台源码免签约 编辑:程序博客网 时间:2024/04/29 07:24
1.下载Cocos2d-html5
https://github.com/cocos2d/cocos2d-html5
2.下载并安装Google Chrome浏览器
Google Chrome下载地址:http://www.google.com/intl/zh-CN/chrome/
安装完Chrome是不够的,还需要在Chrome安装JetBrains IDE Support 插件。
在Chrome浏览器中打开 https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji 并安装。
3、下载并安装WebStorm
下载地址:http://www.jetbrains.com/webstorm/
这是一个非常好用的Javascript IDE 工具。另外,由于cocos2d-html5的资源加载会收到浏览器的限制,我们必须部署一个Web服务器才能让cocos2d-html5火力全开。而WebStorm内置了Web服务器,免去了我们部署Web服务器的麻烦。
4、破解参见如下的网址哦:
http://idea.lanyus.com/
5、配置 Node.js环境。否则运行webstrom会报错
网上下载一个node.js然后下载安装即可
6、配置cocos console工具环境。
https://github.com/cocos2d/cocos2d-console
下载Cocos2d-JS仓库,然后打开终端并进入Cocos2d-JS文件夹,然后终端运行python setup.py
在安装过程中,你可能需要提供你的NDK,Android SDK和ANT目录。请注意,这个工具是使用python来开发的,你将需要首先安装python 2.7.5或2.7.6,但是setup.py并不支持python3。
参见如下
Cocos2d console是一个可以为Cocos2d-html5和Cocos2d-JSBingding极大简化游戏创建和环境配置过程的工具。
在Cocos2d-JS v3.0 alpha版中,由于重构了大量以前C++风格的API并为Javascript开发者提供了很友好的API设计,JSB的API也如此改造以保证Html5和JSB之间的代码共享,详细信息请参见发布说明(http://cocos2d-x.org/docs/manual/framework/html5/release-notes/v3.0rc2/release-note/zh)。更重要的是,我们将Cocos2d-html5和Cocos2d-JSBinding合并为一个仓库:Cocos2d-JS(https://github.com/cocos2d/cocos2d-js)。所以只要开发者使用JS开发游戏,那么不论游戏会发布到哪个平台,都可以使用Cocos2d-JS来进行开发。
终端脚本工具
Cocos2d-JS提供了一个终端工具来简化html5和JSB游戏的创建和开发。开发者可以使用它来创建新项目,编译并发布游戏到android,iOS,Mac OS,iOS或者Web平台。并且它非常简单易用,下面将会展示它的安装与使用。
安装
首先,你需要安装这个工具,当开发者将Cocos2d-JS仓库下载下来以后,会在根目录下发现setup.py安装文件。打开终端并进入Cocos2d-JS文件夹,然后运行./setup.py。在安装过程中,你可能需要提供你的NDK,Android SDK和ANT目录。请注意,这个工具是使用python来开发的,你将需要首先安装python 2.7.5或2.7.6,但是setup.py并不支持python3。
一些有用的链接和安装指引:
Python 2.7.6(https://www.python.org/download/releases/2.7.6/)
Android SDK(https://developer.android.com/sdk/index.html?hl=sk)
NDK(https://developer.android.com/tools/sdk/ndk/index.html)
Ant binary release(http://ant.apache.org/)
下载Ant。
将Ant解压到你指定的文件夹。
设置JAVA_HOME环境变量到你的Java路径,ANT_HOME到刚刚解压的文件夹,再将${ANT_HOME}/bin (Unix)或%ANT_HOME%/bin (Windows)加入到PATH中。
// Example: 在命令行中运行或添加到.bash_profile(Mac)
export ANT_ROOT=/usr/local/ant/bin
export JAVA_HOME=/usr/local/jdk1.7.0_51
Usage
成功安装以后,开发者就可以开始在终端中使用cocos命令。
创建一个新项目
创建一个同时包含Cocos2d-x JSB和Cocos2d-html5的项目:
cocos new projectName -l js
创建一个仅支持Cocos2d-html5的项目:
cocos new projectName -l js --no-native
创建项目到指定目录:
cocos new projectName -l js -d ./Projects
运行项目
使用浏览器运行web版项目:
cd directory/to/project
cocos run -p web
编译并将项目运行在Cocos2d-JSB上:
cd directory/to/project
cocos compile -p ios|mac|android|web
cocos run -p ios|mac|android
-p platform : The platform can be ios|mac|android|web.
-s source : Your project directory, if not specified the current directory will be used.
-q : Quiet mode, remove log messages.
-m mode : Mode debug or release, debug is default
--source-map: General source-map file. (Web platform only)
帮助命令
如果你对使用有任何疑问,可以在命令后使用-h来获取对应命令的帮助。下面是所有的命令:
创建:new
编译:compile
运行:run
本文转载自:http://cocos2d-x.org/docs/manual/framework/html5/v2/cocos-console/zh
完整文档请参考:http://cocos2d-x.org/docs/manual/framework/html5/zh
- 搭建 Cocos2d-html5环境与webstorm的配置
- webstorm 快速搭建 Cocos2d-HTML5 开发调试环境
- cocos2d-js webstorm环境配置
- webstorm导入cocos2d-html5库的方法
- Cocos2D-HTML5开发环境搭建
- Cocos2D-HTML5开发环境搭建
- apache安装以及cocos2d-x的html5版本环境搭建
- Meteor 开发环境的搭建--webStorm安装
- webstorm中LESS环境的搭建
- [cocos2dx-html5]手把手,快速搭建 Cocos2d-HTML5 开发调试环境
- WebStorm+Node.js开发环境的配置
- WebStorm+Node.js开发环境的配置
- 在Webstorm中Autoprefixer的环境配置
- WebStorm+Node.js开发环境的配置
- WebStorm+Node.js开发环境的配置
- WebStorm+Node.js开发环境的配置
- sass环境搭建以及webstorm中的scss配置
- webstorm配置node环境
- 报错:jstl标签——The absolute uri: http://java.sun.com/jsp/jstl/core cannot beresolved in either web.xml o
- 【Java】线程的创建和启动
- VisionMobile:2015年Android使用的全球趋势(五)Android演进导致更少解锁
- canny边沿检测2
- Java内存模型FAQ(六)没有正确同步的含义是什么?
- 搭建 Cocos2d-html5环境与webstorm的配置
- 开发人员系统功能设计常用办公软件分享
- QT学习
- 双系统开机 进入grub resource,并且进不bios
- 第二次上机实验(标准体重)
- 网易2016-3-22笔试回顾
- c++实验2项目1
- Dynamic Memory
- C++上机实验报告02