cocos2d-js + pomelo 的开发环境搭建

cocos2d-js 是整合了 cocos2d-html5 和 cocos2d-jsb，可以方便的开发部署到各种设备环境中

pomelo-cocos2d-js 则是对 pomelo-client-websocket 和 pomelo-cocos2d-jsb 的整合

本文以cocos code ide为开发环境说明如何搭建 pomelo 与 cocos2d-js 的开发环境

1：下载 cocos code ide

cocos code ide

2：下载 cocos2d-js 配置cocos code ide

cocos code ide

cocos_code_ide环境配置

3：新建 cocos javascript project





这个时候，可以点击 build runtime 按钮，看是否能够成功编译

可以选择 win32 runtime（本文演示的是win32） 或者 android runtime





4：下载 pomelo-cocos2d-js

在项目根路径下面执行

git clone https://github.com/Netease/pomelo-cocos2d-js.git --recursive

5：cocos2d-html5 环境搭建

修改index.html

<script src="frameworks/cocos2d-html5/CCBoot.js"></script>
<script src="pomelo-cocos2d-js/html5/build/build.js"></script>
<script type="text/javascript">
require('boot');
</script>
<script src="main.js"></script>

6：cocos2d-jsb 环境搭建

修改main.js

cc.game.onStart = function() {
if (cc.sys.isNative === true) {
require('pomelo-cocos2d-js/index.js');
}

cc.view.setDesignResolutionSize(800, 450, cc.ResolutionPolicy.EXACT_FIT);
cc.view.resizeWithBrowserSize(true);
// load resources
cc.LoaderScene.preload(g_resources, function() {
cc.director.runScene(new HelloWorldScene());
}, this);
};
cc.game.run();

7：测试chat

修改app.js，添加

var pomeloChat = function() {
var pomelo = window.pomelo;

var route = 'gate.gateHandler.queryEntry';
var uid = "uid";
var rid = "rid";
var username = "username";

pomelo.init({
host: "127.0.0.1",
port: 3014,
log: true
}, function() {
pomelo.request(route, {
uid: uid
}, function(data) {
pomelo.disconnect();
pomelo.init({
host: data.host,
port: data.port,
log: true
}, function() {
var route = "connector.entryHandler.enter";
pomelo.request(route, {
username: username,
rid: rid
}, function(data) {
cc.log(JSON.stringify(data));
chatSend();
});
});
});
});

function chatSend() {
var route = "chat.chatHandler.send";
var target = "*";
var msg = "msg"
pomelo.request(route, {
rid: rid,
content: msg,
from: username,
target: target
}, function(data) {
cc.log(JSON.stringify(data));
});
}
}

然后在 HelloWorldLayer 的 ctor 里面添加

pomeloChat();

8：本地把chatofpomelo-websocket跑起来

9：分别在jsb环境和html5环境测试









测试demo完整地址在 pomelo-cocos2d-js-demo 此demo只提供代码部分展示，cocos2d-js 库相关并没有上传

from:http://nodejs.netease.com/topic/53cdffb3898634292cedb312