天天看點

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的項目:
  • 建立一個僅支援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的項目

Cocos2d-JS 學習筆記[1]

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

Cocos2d-JS 學習筆記[1]

繼續閱讀