摘要：項(xiàng)目情況游戲名游俠姐妹工具說明本游戲前端使用白鷺開發(fā)，后端聯(lián)網(wǎng)部分通過接入游戲云的實(shí)現(xiàn)。游戲簡(jiǎn)介游俠姐妹是一款支持聯(lián)網(wǎng)對(duì)戰(zhàn)的休閑類小游戲。游戲具體玩法為在屏幕中的大灰狼走到游俠姐妹的弓箭準(zhǔn)星之中時(shí)，點(diǎn)擊對(duì)應(yīng)的準(zhǔn)星進(jìn)行射擊，打中大灰狼加分。

游戲名：《游俠姐妹》

工具說明：本游戲前端使用白鷺Egret開發(fā)，后端聯(lián)網(wǎng)部分通過接入Matchvs游戲云的SDK實(shí)現(xiàn)。

游戲簡(jiǎn)介：

《游俠姐妹》是一款支持聯(lián)網(wǎng)對(duì)戰(zhàn)的休閑類小游戲。游戲具體玩法為：在屏幕中的大灰狼走到游俠姐妹的弓箭準(zhǔn)星之中時(shí)，點(diǎn)擊對(duì)應(yīng)的準(zhǔn)星進(jìn)行射擊，打中大灰狼加分。 紅色姐妹只能打紅色的大灰狼，藍(lán)色姐妹只能打藍(lán)色的大灰狼，打錯(cuò)顏色或者漏打自身顏色的大灰狼將扣除生命值。 成功集中大灰狼可以獲得分?jǐn)?shù)，使用金幣可以復(fù)活。 隨著游戲進(jìn)行，大灰狼的前進(jìn)速度將越來越快。在本局時(shí)間結(jié)束后，分?jǐn)?shù)高的一方將獲勝。

注意事項(xiàng)：

多人玩法：此游戲?yàn)槁?lián)網(wǎng)對(duì)戰(zhàn)游戲. 測(cè)試完整游戲流程需要兩臺(tái)手機(jī)和兩個(gè)微信帳號(hào),并同時(shí)進(jìn)行多人對(duì)戰(zhàn)。

單人模式：登錄后大廳界面的 創(chuàng)建房間 按鈕可體驗(yàn)真人+機(jī)器人玩法(需聯(lián)網(wǎng))

UI方面使用用Egret游戲引擎，Egret有一整套工具來支撐UI上的開發(fā)，網(wǎng)絡(luò)利用Matchvs 的JavaScript SDK配合Matchvs云服務(wù)完成通信環(huán)節(jié)開發(fā)。同步機(jī)制采用Matchvs使用的是幀同步策略，定時(shí)觸發(fā)同步但不等待?？蛻舳硕〞r(shí)上報(bào)消息，服務(wù)器定時(shí)下發(fā)數(shù)據(jù)給客戶端，延遲高的客戶端不會(huì)拖累其他人。

對(duì)于畫面同步，實(shí)現(xiàn)方式也很簡(jiǎn)單。數(shù)據(jù)同步幀和渲染幀分離的情況下，收到同步幀數(shù)據(jù)，驅(qū)動(dòng)渲染幀渲染。 首先在發(fā)送事件之前， 我們?cè)O(shè)置下同步幀的幀率，使用接口setFrameSync，一般設(shè)置為10(看你的項(xiàng)目要求)。這時(shí)， 我們發(fā)送幀同步數(shù)據(jù)，sdk只會(huì)在每整100ms( 1s / 你設(shè)置的幀率大小)時(shí)發(fā)送一次數(shù)據(jù)包，這個(gè)數(shù)據(jù)包括這段時(shí)間內(nèi)的所有數(shù)據(jù)包(也可稱之為這一幀的數(shù)據(jù))， 接收方就可以接到這一幀的數(shù)據(jù)。
具體的使用方法：先用接口setFrameSync設(shè)置幀率，然后再選擇進(jìn)入游戲界面，用接口sendFrameEvent發(fā)送幀同步事件(比如；游戲戰(zhàn)斗情況實(shí)時(shí)事件)。這時(shí)房間內(nèi)所有玩家通過綁定frameUpdate回調(diào)事件，就可以接受到這一幀的數(shù)據(jù)。
我們的實(shí)現(xiàn)： 玩家點(diǎn)擊按鈕射箭的判斷以后，把消息通過接口sendFrameEvent發(fā)送出去，但是該玩家不立即處理客戶端畫面， 當(dāng)玩家(包括該玩家)通過接口frameUpdate接受到數(shù)據(jù)，再修改客戶端畫面，從而實(shí)現(xiàn)同步。

基本原則；先綁定，再使用

發(fā)送幀同步事件(其實(shí)和普通接口一樣的使用方式)

接受幀同步數(shù)據(jù)， 根據(jù)不同的event判斷不同的事件
資源地址：

源碼地址：https://github.com/matchvs/Ra...

目前游戲已經(jīng)上線微信平臺(tái)，在線體驗(yàn)地址如下：