cocos2d-js开发多人游戏教程(一)

概述先说要实现的功能 1 玩家打开页面 看到1个开始菜单 2 点击开始菜单 输入账号&房间名(如果该房间名已经创建就会直接进入该房间,如果房间名没创建就会创建) 左边显示的是所有玩家列表 2-1 创建成功 开始菜单会变成go(开始游戏) 2-2 进入成功 开始菜单会变成等待其他玩家加入 每次进入退出的玩家都有提示 如果第一个主机退出 那么就第二个玩家就是主机了 今天就架构代码 不写代码 代码架构了了

先说要实现的功能
1 玩家打开页面 看到1个开始菜单
2 点击开始菜单 输入账号&房间名(如果该房间名已经创建就会直接进入该房间,如果房间名没创建就会创建) 左边显示的是所有玩家列表

2-1 创建成功 开始菜单会变成go(开始游戏)
2-2 进入成功 开始菜单会变成等待其他玩家加入
每次进入退出的玩家都有提示 如果第一个主机退出 那么就第二个玩家就是主机了

今天就架构代码 不写代码 代码架构了了 后面写起来轻松 维护也轻松

我客户端采用cocos2d-js 服务端采用workerman(不会配置可以看我博客的workerman分类)

我采用websocket
首先先连接上 然后就是发送和接收的问题了 客户端做了什么都发给服务端 服务端根据来反馈给客户端(还有个特性就是能自动识别哪个客户端发过来）

客户端 扮演的3种角色

1 主机
2 玩家（除了主机外)
3 自己

一般逻辑都是自己发给服务器 服务器再根据需求发给 主机 或者发给玩家或者发给自己 或者发给主机和玩家 或者是发给玩家和自己 或者主机和自己

注:每次客户端和服务端 收到和发送的Json务必要console.log方便调试

1 点击开始菜单的逻辑
客户端部分逻辑

//clIEnt_name是你输入的昵称//room_ID是你输入的房间号//login_data发给服务端的Jsonvarlogin_data=JsON.stringify({"type":"login","clIEnt_name":nike,"room_ID":room_ID});

服务端逻辑部分

收到客户端发过来的的$room_ID,$clIEnt_ID是服务端接收生成的(与客户端的连接字,不同客户端有不同的链接字)

//收到的房间ID和玩家昵称存入$_SESSION这样下次服务器需要就不用客户端再发给服务器了//收到的$room_ID(房间名)$clIEnt_name(玩家昵称)再存入memcache$all_clIEnts=self::addClIEntToRoom($room_ID,$clIEnt_ID,$clIEnt_name);

就是服务器收到的数据全部添加到memcache
1 memcache创建了一个数组

$key = "ROOM_CLIENT_List-$room_ID";
添加到了这个$key

首先会判断这个$key是否有对应的数据 如果没有数据那就是新建1个数组 给key赋值

如果有 就添加到这个数组

比如 ROOM_CLIENT_List-3=>Array ( [26] => weff [28] => fvx )

ID和昵称 经过处理变成这种形式clIEnt_List:[{clIEnt_ID=>26,clIEnt_name=>weff)]
设置$_SESSION全局变量

$_SESSION['room_ID']=$room_ID;$_SESSION['clIEnt_name']=$clIEnt_name;

//clIEnt_List就是前面说的处理过生成的玩家列表{tpye:login,clIEnt_ID:clIEnt_ID,clIEnt_List:{clIEnt_ID,clIEnt_name),room_ID:room_ID)发给主机/*condition具体判断逻辑1创建房间(直接判断客户端数量如果是1代表是创建房间2进入房间(判断客户端列表是否大于1)3正在游戏(直接获取memcache里的running的值循环遍历判断)*/{tpye:login,condition:condition}//发给自己

客户端逻辑部分

发过来得clIEnt_List客户端列表 遍历数组显示 索引0的是主机(取出主机的clIEnd_ID跟自己clIEnd_ID判断 如果相等就可以判断是主机 play菜单变成go 不相等就不是主机play变成等待其他玩家)

不是主机的(这个时候要变成等待其他玩家)

发过来的condition 直接alert

2 在房间的玩家退出的逻辑

客户端部分逻辑

客户端不用写 服务端有onclose函数会处理

服务端部分逻辑

//先清除存在memcache里的数据

$room_ID=$_SESSION['room_ID'];self::delClIEntFromroom($room_ID,$clIEnt_ID);

//获取最新的客户端数据

$all_clIEnts=self::getClIEntListFromroom($room_ID))$clIEnt_List=self::formatClIEntsData($all_clIEnts);

//clIEnt_name前面登陆的时候已经赋值了$_SESSION['clIEnt_name']//clIEnt_List'经过清理的所有玩家数据//iszhuji是否是主机

//room_condi当前房间是否开始游戏 $room_condi 获取memcache里的key memcache running的value 判断下就可以了
$new_message = array('type'=>'logout','from_clIEnt_name'=>$_SESSION['clIEnt_name'],'clIEnt_ID':$clIEnt_ID,room_condi=$room_condi); //发给所有客户端(如果客户端不存在 不会发数据 这里自己是不存在的)

客户端部分逻辑

收到的clIEnt_name的值直接在屏幕上输出

先判断room_condi是否 正在游戏如果是就运行下面

然后收到的clIEnt_List 重新@R_553_6419@并且发过来得客户端列表 遍历 判断当前ID在客户端列表的位置是否在第一位 如果是那就是主机(因为如果第1个主机退出那第二个玩家就是主机了,以此类推)

3断线重连（现在的逻辑有点问题估计要改下workerman源码)(玩家突然断线重新连接,注明下断线不会释放Js和PHP变量)

这里有详细介绍浅谈websocket断线重连

workerman内部机制已经写好心跳了所有服务端自己发送心跳给服务端默认是10秒发一次 如果如果超过2次没收到客户端的回应就直接断开

断线逻辑

客户端部分逻辑

如果收到服务端发过来的心跳 那过1秒钟判断是否有网 如果1秒钟后 没网说明断线了 d出框('你已经断线了， 请再20秒类保证网络正常 否则会断开连接');

需要自己名字旁边有20秒倒计时

服务端部分逻辑

如果没收到

//content通知玩家某某玩家断线$new_message=array('type'=>'duanxian','duanxiannick'=>'$_SESSION['clIEnt_name']');

客户端部分逻辑

有玩家断线就不能开始游戏

这个主机需要先d出某某duanxiannick已经断线,刷新客户端列表的时候判断duanxiannick显示倒计时,go改成等待某某玩家连接

其他玩家只要提示某某玩家已经断线,然后刷新客户端列表的时候判断duanxiannick显示倒计时 (注意这里发送不要发给断线的玩家)

重连逻辑

客户端部分逻辑

如果重新连接上了 直接清除定时器就可以了

服务端部分逻辑

如果断线的过程中重新连接上了

//content通知玩家某某玩家断线$new_message=array('type'=>'duanxian','chongxinlian'=>'$_SESSION['clIEnt_name']');

客户端部分逻辑

刷新客户端列表的时候判断duanxiannic清除倒计时既可以

备注

这里说明下socket 是长连接 也就是不断开的 一旦连接上什么时候可以接收到服务端发过来得信息

下一篇写游戏过程中是如何通信的

哪里有问题直接留言

转载自http://121.40.85.96/?p=54

总结

以上是内存溢出为你收集整理的cocos2d-js开发多人游戏教程(一)全部内容，希望文章能够帮你解决cocos2d-js开发多人游戏教程(一)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。