Cocos2d-JS 學習筆記［1］

個人感覺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的項目:

  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)
  

• 
  

按照官網的提示創建一個叫MyGameName的項目

然後在瀏覽器中運行這個項目