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

先说要实现的功能

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发给服务端的json
var 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的值直接在屏幕上输出
[b]先判断room_condi是否 正在游戏如果是就运行下面[/b]
然后收到的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