Cocos2d-js 3.0 连接 Cocos Studio

1. 用Cocos2d-js创建js项目(需要python 2.x,3.x 不可以) ，创建步骤：
1)为了方便将tools/cocos2d-console/bin/cocos加入环境变量path以保证任何目录下都可以访问到该命令 
2)进入Cocos2d-JS-v3.0-alpha根目录 
3)执行python setup.py 脚本初始化引擎 
4)进入引擎下的tools\cocos2d-console\bin文件夹 
5)执行cocos new projectName（项目名） -l js -d ./Projects（存储路径） 
6)执行完毕能够在指定位置看到生成的项目文件 
7)在Cocos2d-JS-v3.0-alpha根目录下启动命令行执行python -m SimpleHTTPServer 8000 
8)打开chrome执行127.0.0.1:8000/...查看结果确认 
9)或者在项目根目录下执行 cocos run -p web 命令即可启动浏览器查看 
10)确认完毕后，启动webstrom打开项目所在目录进行开发 

2. 在Cocos2d-js 3.0的引擎中加入Cocos Studio扩展库

首先,在新项目的根文件夹下打开project.json文件: 

1 2 3 4

{    "project_type" : "javascript" ,      "debugMode" : 1,    "showFPS" : true ,    "frameRate" : 60,    "id" : "gameCanvas" ,    "renderMode" : 0,    "engineDir" : "frameworks/cocos2d-html5" ,      "modules" : [ "cocos2d" , "extensions" , "external" ],      "jsList" : [        "src/resource.js" ,        "src/app.js"    ]}

engineDir:为引擎的路径, 

modules:就是扩展库, 在此加入"extensions"(cocostudio 的支持库) ("external" 是包括物理引擎在内的第三方扩展库) 

3.载入Json资源文件

把Cocos Studio 导出的json文件和图片放到项目的根目录下的res文件夹下,打开src/resource.js更改 

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var CocoStudio_index = "res/cocostudio导出的文件夹/JSON文件.json" ; var res = {      HelloWorld_png : "res/HelloWorld.png" ,      CloseNormal_png : "res/CloseNormal.png" ,      CloseSelected_png : "res/CloseSelected.png" , }; var g_resources = [      //image      res.HelloWorld_png,      res.CloseNormal_png,      res.CloseSelected_png,      //json      CocoStudio_index, ];

在根目录下有一个 main.js 文件 : 

1 2 3 4 5 6 7 8 9

cc.game.onStart = function(){      cc.view.setDesignResolutionSize(640, 960, cc.ResolutionPolicy.SHOW_ALL); cc.view.resizeWithBrowserSize( true );      //load resources      cc.LoaderScene.preload(g_resources, function () {          cc.director.runScene( new HelloWorldScene());      }, this ); }; cc.game.run();

其中的cc.LoaderScene.preload(); 就是把刚刚写在resources里的资源全部载入,程序中才可以使用. 

4.程序中使用

1 2	var root = ccs.uiReader.widgetFromJsonFile(CocoStudio_index);       this .addChild(root,100);

参考阅读
如何使用Cocos2d Console创建、编译、运行一个Lua工程
http://www.cocoachina.com/bbs/read.php?tid=196644