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
- cocos2d-js开发多人游戏教程(一)
- Cocos2d-x手机游戏开发教程(一)…
- Cocos2d游戏开发系列教程
- Cocos2d-X游戏开发(一)
- Cocos2d-js官方完整项目教程翻译:一、构建Cocos2d-js开发环境
- Cocos2D开发的iPhone游戏的教程
- 知易cocos2D-iphone游戏开发教程
- 知易Cocos2D-iPhone 游戏开发教程
- 知易Cocos2D-iPhone 游戏开发教程001
- 游戏开发教程cocos2d-x移植之一
- cocos2d-x游戏开发系列教程-前言
- cocos2d js游戏 咸鱼跳棋(一)
- 使用Cocos2d-JS开发H5游戏
- 万事开头难(一)——Cocos2d-JS游戏开发入门指导
- cocos2d-x游戏开发(一)开始菜单
- cocos2d-x游戏开发(一)开始菜单
- cocos2d-x + lua游戏开发【一】
- cocos2d-x游戏开发(一)开始菜单
- 修改阿里云Linux服务器的主机名
- Dialog调用dismiss方法出现异常解决方法
- cocos2d 简单消除游戏算法 (一)
- Java内存解析
- python判断操作系统类型
- cocos2d-js开发多人游戏教程(一)
- QR code 快速响应码 二维码
- 使用JS插件解决IE6不支持PNG透明背景问题
- Adnroid 图片裁剪
- 写给打工仔又想创业的人,要想方设法给自己新修一条路!微乐平台是平凡人创业的绝佳机会平台
- 网站搭建从零开始(五) WordPress的安装
- LINUX专题之操作系统字符集
- grep技巧(-r)
- STM32 CAN 控制器