联网游戏开发实例之《激流竞速》(开源）

《激流竞速》这款游戏是基于Cocos Creator进行前端开发的基础上，通过接入Matchvs SDK完成了联网功能的快速实现。在游戏中，双方可以进行实时PK对战，通过控制角色在高速行进的平台上不断跳跃，若一方角色掉落水中则宣告游戏失败。

体验地址：

http://alphazwimg.matchvs.com/cocos/oneTwoStep/web-mobile/

github源码地址：

https://github.com/matchvs/OneTwoStep

■准备工具与文档：

1.Cocos Creator

2.Matchvs JavaScript SDK

3.Matchvs JavaScript 的Cocos Creator 插件使用手册

■游戏主要功能实现步骤：

设计游戏实现可拆分为用户登录、随机匹配和创建房间与同屏游戏三个部分。

用户登录

使用Cocos Creator(以下简称CC)创建游戏登录场景

使用CC 拖动控件, 还原设计稿 , 依托CC的良好的工作流,使得这部分的工作可以由游戏策划或者UI设计者来完成,程序开发者只需要在场景中挂载相应的游戏逻辑脚本. 举个例子,在登录按钮挂在一个uiLogin.js的脚本完成用户登录功能.

uilogin.fire

新建js脚本文件

选中场景任一控件

添加组件,选中刚新建的脚本,

在脚本的on'Load函数中给按钮添加点击监听,触发登录操作

实现this.startGame函数. 登录之前需要初始化Matchvs SDK:

uiLogin.js

初始化需要的几个参数在Matchvs官网注册即可得到，注册地址 http://www.matchvs.com

登录Matchvs游戏云，返回UserID,登录成功。

随机匹配和创建房间

使用CC创建大厅场景(uiLobbyPanel.fire)给用户选择匹配方式，创建匹配场景(uiMatching1v1.fire) 给用户反馈比配进度。

和登录功能的实现步骤类似：写一个uiMatching1v1.js脚本挂在到场景中的控件上。

通过监听joinRoomResponse和joinRoomNotify匹配结果

同屏游戏 , 实现游戏同步

还是按照上面的套路,新建场景(uiGamePanel.fire)，挂在脚本(uiGamePanel.js)，攻击的动作使用Matchvs 的sendEventEx发出。

另一方的客户端收到后处理加分,播放击中动画等事情；

开发完成后， 再通过CC的微信小游戏一键发布功能上线微信即可。