個人感覺cocos2d-js(cocos2d-html5 + javascriptBingding)是一個很好的遊戲開發引擎。開發出來的遊戲也可以比較簡單的移植到android和ios,同時也支援編譯成windows和mac應用。相比較cocos2d-x,ch5(cocos2d-html5)可以寫更少的代碼做到同樣的事情。且接口簡單。不像C++那樣晦澀難懂。
在Cocos2d-JS v3.0 alpha版中,由于重構了大量以前C++風格的API并為Javascript開發者提供了很友好的API設計,JSB的API也如此改造以保證Html5和JSB之間的代碼共享,詳細資訊請參見釋出說明。更重要的是,我們将Cocos2d-html5和Cocos2d-JSBinding合并為一個倉庫:Cocos2d-JS。是以隻要開發者使用JS開發遊戲,那麼不論遊戲會釋出到哪個平台,都可以使用Cocos2d-JS來進行開發。
主要特性
- 支援所有現代浏覽器和原生平台(Android, iOS, Mac OSX, Windows)
- 場景管理
- 場景切換特效
- 精靈與精靈幀動畫
- 特效:Lens, Ripple, Waves, Liquid, 等等.
- 動作:
- 普通動作:Move, Rotate, Scale, Fade, Tint, etc.
- 組合動作:Sequence, Spawn, Repeat, Reverse
- 變速動作:Exp, Sin, Cubic, Elastic, etc.
- 其他動作:CallFunc, OrbitCamera, Follow, Tween
- 菜單與按鈕
- 內建實體引擎:Chipmunk或Box2d
- 粒子系統
- 骨骼動畫:支援Spine和Armature
- 字型:
- 固定或可變寬度字型快速渲染
- 支援.ttf字型
- 瓦片地圖支援:正交,等距和六邊形
- 視差滾動
- 運動軌迹特效
- 繪制到紋理
- 移動裝置上的觸摸和加速度計支援
- 桌面裝置上的觸摸,滑鼠和鍵盤支援
- 聲音引擎支援,基于OpenAL或WebAudio
- 內建慢動作,快進效果
- 高效壓縮紋理支援:PVR壓縮或未壓縮紋理,ETC1壓縮紋理
- 獨立于分辨率的适配
- 可定制的子產品化引擎
- 友好開源項目:适用于任何開源或閉源項目
- 基于OpenGL ES 2.0(移動裝置)/ OpenGL 2.1(桌面裝置)
- 完整WebGL支援和在不支援WebGL裝置上自動使用Canvas
一開始看不懂的某些優點就可以了解成這款引擎很給力,以後慢慢學習。
首先從官網上下載下傳cocos2d-js的安裝包,然後解壓。
想看全面的API可以去這裡:http://www.cocos2d-x.org/reference/html5-js/V3.0beta/index.html
cocos2d的online API彙總:http://www.cocos2d-x.org/wiki/Reference
使用的cocos2d-js版本為:cocos2d-js-v3.0-alpha2
使用的cocos2d-html5版本為:Cocos2d-html5-v3.0 alpha 2
cocos2d-js的下載下傳位址為:http://www.cocos2d-x.org/download/
安裝
首先,你需要安裝這個工具,當開發者将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
- Android SDK
- NDK
- Ant binary release
- 下載下傳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的項目:
- 建立一個僅支援Cocos2d-html5的項目:
- 建立項目到指定目錄:
運作項目
- 使用浏覽器運作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)
按照官網的提示建立一個叫MyGameName的項目

然後在浏覽器中運作這個項目