1. 程式人生 > >搭建 Cocos2d-html5環境與webstorm的配置

搭建 Cocos2d-html5環境與webstorm的配置

1.下載Cocos2d-html5

https://github.com/cocos2d/cocos2d-html5

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