標籤: Cocos2d

手冊
http://cocos2d-x.org/docs/catalog/framework/html5/zh

• 程式執行順序
  1. index.html
  2. frameworks/Cocos2d-html5/CCBoot.js => 讀入 project.json 設定
  3. main.js => 載入與初始化 project.json 中 modules/jsList 指定的 JavaScript 檔
     
     
• 螢幕設定
  http://cn.cocos2d-x.org/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/html5/v2/resolution-policy-design/zh.md
  
  
• 啓動流程
  http://cocos2d-x.org/docs/manual/framework/html5/v3/cc-game/zh

基本啓動
main.js
cc.game.onStart = function(){
    //load resources
    cc.LoaderScene.preload(resource_list, function () {
        cc.director.runScene(new MyScene());
    }, this);
};
cc.game.run();

延遲啓動
cc.game.onStart = function(){
    //load resources
    cc.LoaderScene.preload(resource_list, function () {
        cc.director.runScene(new MyScene());
    }, this);
};
cc.game.prepare();

document.getElementById(“myBtn”).addEventListener(“click”, function(){
    cc.game.run();
});

• 場景
  1. http://cn.cocos2d-x.org/tutorial/show?id=1212
  2. http://cn.cocos2d-x.org/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/native/v2/basic-concepts/director-scene-layer-and-sprite/zh.md

 

作業系統：Mac
Cocos2d-JS：3.8

參考網址：http://www.cocos.com/doc/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/cocos2d-js/2-working-environment-and-workflow/2-2-cross-native-browser-game-with-cocos-console/zh.md

安裝步驟

1. 下載 http://cn.cocos2d-x.org/download ，本次安裝 cocos2d-x-3.8
2. 解開 zip，打開終端機
3. cd path_to/cocos2d-x-3.8
4. ./setup.py
5. 要求輸入 NDK，Android SDK和ANT 路徑，這是開發Android用的，先按enter跳過
6. 輸入完，~/.bash_profile 中會加入剛剛幾個路徑
7. !! 若是資料夾名稱有空格須先手動修改.bash_profile，加單引號，例 ‘…Sync Drive…’
8. source ~/.bash_profile 讓路徑生效
9. 接下來就可以使用cocos console 建立專案了

建立專案

1. cd work  #專案放置資料夾
2. cocos new -l js –no-native hello #建立一個僅含Cocos2d-html5 的專案
3. cd hello
4. cocos run -p web
   Browser 會自動開啟並執行本專案

 

遊戲要跨平台 (Web/手機)：
採用 Cocos2d-JS Full Package 版本
下載：www.cocos.com/download/
參考：http://www.cocos.com/doc/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/cocos2d-js/2-working-environment-and-workflow/2-2-cross-native-browser-game-with-cocos-console/zh.md

針對 Web：
分為 Lite Version / Full Version / Customized Version
只要引入單檔 js，可以像使用 jQuery 一般，直接使用，若是針對 Web 開發，是最方便的方式。
下載：http://cocos2d-x.org/filecenter/jsbuilder/
參考：http://www.cocos.com/doc/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/cocos2d-js/2-working-environment-and-workflow/2-1-cocos2d-js-lite-workflow/zh.md

Cocos2d-JS单文件引擎使用指引
http://www.cocos2d-x.org/docs/manual/framework/html5/v3/lite-version/zh