cocos2d-js 3.0 beta + cocos code ide + pomelo手游框架搭建

前端之家收集整理的这篇文章主要介绍了cocos2d-js 3.0 beta + cocos code ide + pomelo手游框架搭建前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
文章的开始,需要说明一下,有些东西写得不会很细,需要你摸索一下

1.准备工作
cocos2d-js 3.0 beta下载地址 http://www.cocos2d-x.org/filedown/cocos2d-js-v3.0-beta.zip
cocos code ide下载地址 https://github.com/chukong/cocos-docs/blob/master/manual/studio/cocos-code-ide/getting-started/zh.md (这是入门指南,里面有下载地址)
virtualBox 下载地址 https://www.virtualbox.org/wiki/Downloads (根据自己的系统下对应的版本)
2.配置cocos code ide使用cocos2d-js 3.0 beta
https://github.com/chukong/cocos-docs/blob/master/manual/studio/cocos-code-ide/debug-js/zh.md
3.在virtualBox安装centos6.5
这个步骤要写的话很长,只能靠百度和google了
最后配置一下centos的ip为 192.168.1.112 (这个IP看你想配哪个,不需要和我相同)
4.下载pomelo的聊天项目
下载地址 https://github.com/bearcatnode/chatofpomelo-websocket
本文路径是 /home/pomelo
1.打开网页,点击download zip后会下载一个master.zip文件,解压出来
进入解压出来的chatofpomelo-websocket-master目录,执行sh npm-install.sh
2.执行脚本会下载一些node.js包回来,由于***原因,大家懂的,有时会下不了国外的包,这个需要使用node.js镜像
3.编辑game-server/config/servers.json这个配置文件,把里面的127.0.0.1全部改为centos虚拟机的ip 192.168.1.112
4.cd/home/pomelo/chatofpomelo-websocket-master/game-server 之后 再执行 pomelo start即可启动服务端
5.配置cocos2d-js 3.0 使用pomelo-cocos2d-jsb
下载地址 https://github.com/NetEase/pomelo-cocos2d-jsb
下载回来后,解压出来放到工程的src目录下
由于想使用cocos-js的热更新,所以我改了一下pomelo-cocos2d-jsb的路径


如上图,pomelo-cocos2d-jsb目录下的index.js文件没有src/开头的,我加了src开头,这样才能找到对应的文件
之后在project.json里面的jslist加上"src/pomelo-cocos2d-jsb/index.js"
6.生成cocos code ide工程的win32 build runtime
在工程名上右键,cocos tools,build runtime,next,build win32 runtime 这个过程会有点久,可能要10分钟,耐心等待吧
之后需要配置一下run configurations,弹出上图后,点win32的浏览,有个prebuiltRuntimeJs.exe,不要选这个,选你生成的那个exe
7.连接pomelo服务端
按照pomelo的例子,在src/app.js最前面加上下面一段代码
复制代码
  1. var pomelo = window.pomelo;
  2. var route = 'gate.gateHandler.queryEntry';
  3. var uid = "uid";
  4. var rid = "rid";
  5. var username = "username";
  6. pomelo.init({
  7. host: "192.168.1.112",
  8. port: 3014,247)"> log: true
  9. },function() {
  10. pomelo.request(route,{
  11. uid: uid
  12. pomelo.disconnect();
  13. host: data.host,247)"> port: data.port,247)"> var route = "connector.entryHandler.enter";
  14. username: username,247)"> rid: rid
  15. cc.log(JSON.stringify(data));
  16. chatSend();
  17. });
  18. function chatSend() {
  19. var route = "chat.chatHandler.send";
  20. var target = "*";
  21. var msg = "msg"
  22. rid: rid,247)"> content: msg,247)"> from: username,247)"> target: target
  23. }

只需要改一下那个host : "192.168.1.112"就可以运行了
为了看到效果,cd /home/pomelo/chatofpomelo-websocket-master/web-server 之后node app.js打开网页客户端
在浏览器中打开 http://192.168.1.112:3001/ 用户名可以随便填,channel这个地方要填rid(为了看效果)
这里运行一下工程,如果在网页中看到username says to all:msg说明连接pomelo成功
8.cocos2d-js 3.0 beta客户端热更新
1.先下一个web服务器软件,下载地址 http://zyan.cc/post/373/ ,下载回来启动web服务器
2.解压ass.rar里面的配置出来放在web服务器的www/htdocs目录下,这样就能通过网页访问到要更新的配置文件
3.在工程的src目录创建一个version目录,然后把project.manifest文件放进去,这个文件我的ip是192.168.1.250,改为你机器的ip
4.app.js的更新代码也在压缩包里面,覆盖你的app.js即可运行
5.在你的工程目录下runtime/win32/hotupload如果看到热更新回来的文件,说明ok了
6.需要注意的地方,现在还不支持压缩文件热更新(不过听说快了),还有一点,记得把你的js代码文件加密,使用的命令是cocos jscompile 加密js文件
7.想热更新哪个文件或图版时,把更新的文件图片放在web服务器上,改一下project.manifest的version值,和对应文件图片的md5的值,和之前不相同即可更新
9.pomelo的代码热更新
http://nodejs.netease.com/topic/538d94eebf23dba73491b286 这个就不细说了,按文档尝试就行
当你想搞一个手游,如果你用lua,后端好像没有lua对应的服务端框架,你需要开发服务端,前后不统一,成本和时间都会很高,
如果你前端用cocos2d-js,后端pomelo,你都可以用js一个人搞定,还可以热更新代码,,,,,赶快尝试吧 原文链接:https://www.f2er.com/cocos2dx/341208.html

猜你在找的Cocos2d-x相关文章