HI~ 各位小伙伴们:
本篇文章默认读者已经能够使用cocos2d-console这个工具创建一个新的项目了.
cocos2d-console 建项参考：http://http://www.cocoachina.com/bbs/read.php?tid=196644
1.在cocos2d-js-3.0的引擎中加入Cocos Studio扩展库:
首先,在新项目的根文件夹下打开project.json文件:
{ "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” 是包括物理引擎在内的第三方扩展库)
2.载入Json资源文件:
把cocostudio 导出的 json 文件和图片放到 项目的根目录下的 res 文件夹下,打开src/resource.js更改
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 文件 :
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里的资源全部载入,程序中才可以使用.
3.程序中使用:
var root = ccs.uiReader.widgetFromJsonFile(CocoStudio_index); this.addChild(root,100);
