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

来源:互联网 发布:如何根据ip查询域名 编辑:程序博客网 时间:2024/05/22 15:04

先说要实现的功能
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发给服务端的jsonvar login_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 重新刷新列表并且发过来得客户端列表 遍历 判断当前ID在客户端列表的位置是否在第一位 如果是那就是主机(因为如果第1个主机退出那第二个玩家就是主机了,以此类推)


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

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

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


断线逻辑


客户端部分逻辑


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

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



服务端部分逻辑

如果没收到 

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

客户端部分逻辑

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

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

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



重连逻辑


客户端部分逻辑

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

服务端部分逻辑

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

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


客户端部分逻辑

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


 备注

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

 

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

哪里有问题直接留言


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

0 0
原创粉丝点击