yichael_dumpling/assets/Script/Matching/PairingMode.js

var webView = require("../WebView");
var lib = require("../Library");
var mgobe = require("../Mgobe");
cc.Class({
    extends: cc.Component,

    properties: {
        nextSceneName: {
            default: '',
        },
        bOpenMgobeServer: {
            default: false,
        },
        // playerArr:{
        //     default: null,
        //     type: Array<cc.Node>,
        // },
        player1: {
            default: null,
            type: cc.Node,
        },
        player2: {
            default: null,
            type: cc.Node,
        },
        player3: {
            default: null,
            type: cc.Node,
        },
        player4: {
            default: null,
            type: cc.Node,
        },
        titleTxt: {
            default: null,
            type: cc.Node,
        },
        timeTxt: {
            default: null,
            type: cc.Node,
        },
        waitTxt: {
            default: null,
            type: cc.Node,
        },
        successAudio: {
            default: null,
            type: cc.AudioClip,
        },
        meteorLine: {
            default: null,
            type: cc.Node,
        },
        matchEffectNode: {
            default: null,
            type: cc.Node,
        },
    },
    onLoad() {
        this.init();

        //init web sdk
        if (lib.openInWebview()) {
            // 在app内Webview打开
            webView.init(this.node);
        }

        //register event from webView
        this.node.on('onGameInit', this.onGameInit, this);
        this.node.on('onAiRandomInfo', this.onAiRandomInfo, this);
        this.node.on('onUrlToBase64', this.onUrlToBase64, this);

        this.starMatching();

        //count down time to match ui
        let interval = 1;  // 以秒为单位的时间间隔let
        let repeat = cc.macro.REPEAT_FOREVER;  // 重复次数
        let delay = 0;  // 开始延时
        this.schedule(this.countTime, interval, repeat, delay);

        // 因为在手机端加载场景要5-8秒钟 所以提早加载
        // because loading scene not a immediately stuff,A smart phone will cost 5-8 second for loading
        if (this.nextSceneName != '') {
            cc.director.preloadScene(this.nextSceneName);
        }
    },
    init() {
        this.aiTag = 0;
        this.matchTime = 0;

        this.name1 = this.player1.getChildByName('Name');
        // this.name2 = this.player2.getChildByName('Name');
        // this.name3 = this.player3.getChildByName('Name');
        // this.name4 = this.player4.getChildByName('Name');
        this.aiNameArr = [
            this.player2.getChildByName('Name'),
            this.player3.getChildByName('Name'),
            this.player4.getChildByName('Name')
        ]

        this.gender1 = this.player1.getChildByName('Gender');
        // this.gender2 = this.player2.getChildByName('Gender');
        // this.gender3 = this.player3.getChildByName('Gender');
        // this.gender4 = this.player4.getChildByName('Gender');
        this.aiGenderArr = [
            this.player2.getChildByName('Gender'),
            this.player3.getChildByName('Gender'),
            this.player4.getChildByName('Gender')
        ]

        this.avatarSp1 = this.player1.getChildByName('Mask').getChildByName('AvatarSp');
        // this.avatarSp2 = this.player2.getChildByName('Mask').getChildByName('AvatarSp');
        // this.avatarSp3 = this.player3.getChildByName('Mask').getChildByName('AvatarSp');
        // this.avatarSp4 = this.player4.getChildByName('Mask').getChildByName('AvatarSp');
        this.aiAvatarSpArr = [
            this.player2.getChildByName('Mask').getChildByName('AvatarSp'),
            this.player3.getChildByName('Mask').getChildByName('AvatarSp'),
            this.player4.getChildByName('Mask').getChildByName('AvatarSp')
        ];

        this.aiPlayerArr = [
            this.player2,
            this.player3,
            this.player4
        ]

        /**匹配最长时间 单位秒S */
        this.matchMaxTime = 5;

        for(let i = 0;i<this.aiPlayerArr.length;i++){
            this.aiPlayerArr[i].active = false;
        }
    },
    countTime() {
        //update countdown time on UI
        this.timeTxt.getComponent(cc.Label).string = this.updateTime(this.matchTime);
        this.matchTime++;

        if (this.matchTime > this.matchMaxTime) {
            this.unschedule(this.countTime);
            if (this.bOpenMgobeServer)//if using Mgobe
            {
                // 在app内Webview打开
                if (lib.openInWebview()) {
                    mgobe.cancelPlayerMatch(function () {
                        this.generateAI();
                    }.bind(this));
                }
                else {
                    this.generateAI();
                }
            }
            else {
                this.generateAI();
            }
        }
    },
    generateAI() {
        let time = 2;
        let random1 = Math.random()*time;
        let random2 = Math.random()*time+random1;
        let random3 = Math.random()*time+random2;
        let randomArr = [random1,random2,random3]

        for(let i = 0;i<3;i++){
            this.scheduleOnce(function() {
                if (lib.openInWebview())// 在app内Webview打开
                {
                    // match failed so we need to get a Ai information to start game
                    webView.getAiInfo();
                } else {
                    //TODO
                    //In browser we just use default information to generate AI
                    this.resetRivalUIByData(webView.userName, webView.gender, webView.avatarBase64);
                }
                console.log("加载AI");
            },randomArr[i]);   
        }

        // for (let i = 0; i < 3; i++) {
        //     if (lib.openInWebview())// 在app内Webview打开
        //     {
        //         // match failed so we need to get a Ai information to start game
        //         webView.getAiInfo();
        //     } else {
        //         //TODO
        //         //In browser we just use default information to generate AI
        //         this.resetRivalUIByData(webView.userName, webView.gender, webView.avatarBase64);
        //     }
        // }
    },
    setGender(gender, bBoy) {
        this.iconBoy = gender.getChildByName('IconBoy');
        this.iconGirl = gender.getChildByName('IconGirl');
        if (!bBoy) {
            this.iconBoy.active = true;
            this.iconGirl.active = false;
        } else {
            this.iconBoy.active = false;
            this.iconGirl.active = true;
        }
    },
    initPlayer1() {
        this.name1.getComponent(cc.Label).string = webView.userName;
        this.setGender(this.gender1, webView.gender);
        this.loadAvatar(webView.avatarBase64, function (frame) {
            this.avatarSp1.getComponent(cc.Sprite).spriteFrame = frame;
        }.bind(this));
    },
    loadAvatar(avatarBase64, callback) {
        lib.setImageBase64(avatarBase64, function (texture2D) {
            let frame = new cc.SpriteFrame(texture2D);
            callback && callback(frame);
        });
    },
    starMatching() {
        if (!this.bOpenMgobeServer) return;
        //before matching we need to load a cert file in resource folder
        return cc.loader.loadRes("/cacert", cc.Asset, (err, asset) => {
            console.log("加载证书结束 " + (!err));
            if (err) return;

            mgobe.cacertNativeUrl = asset.nativeUrl;

            mgobe.initSDK(function () {
                // bind the init success event
                mgobe.room.onRecvFromClient = this.onRecvFromClient.bind(this);

                mgobe.matchPlayers(function () {
                    //send my information to others so that they can generate rival
                    mgobe.sendMessage(JSON.stringify({
                        'avatarUrl': webView.avatarUrl,
                        'userName': webView.userName,
                        'gender': webView.gender
                    }));
                }.bind(this, lib));
            }.bind(this));
        });
    },
    updateTime(t) {
        let theTime = Math.floor(t);
        let theTime1 = 0;// 分

        if (theTime > 60) {
            theTime1 = parseInt(theTime / 60);
            theTime = parseInt(theTime % 60);
        }
        let result = '';

        result = (theTime1 < 10 ? "0" + theTime1 : theTime1) + ":" + (theTime < 10 ? "0" + theTime : theTime);
        return result;
    },
    /**把对手的UI信息设置一下 */
    resetRivalUIByData(userName, gender, avatarBase64) {
        // this.name2.getComponent(cc.Label).string = userName;
        // this.setGender(this.gender2, gender);

        this.aiNameArr[this.aiTag].getComponent(cc.Label).string = userName;
        this.setGender(this.aiGenderArr[this.aiTag], gender);


        // loading avatar
        if (!avatarBase64) {
            //TODO
            //browser can start game immediately
            // cc.audioEngine.playEffect(this.successAudio, false);
            // this.scheduleOnce(() => {
            //     this.matched();
            // }, 2);
                this.aiPlayerArr[this.aiTag].active = true;
        }
        else {
            //for mobile device we need to download avatar whatever AI or others
            this.loadAvatar(avatarBase64, function (frame) {
                this.aiPlayerArr[this.aiTag].active = true;
                this.aiAvatarSpArr[this.aiTag].getComponent(cc.Sprite).spriteFrame = frame;
                // this.aiAvatarSpArr[this.aiTag].visible = true;
                // this.aiAvatarSpArr[this.aiTag].active = true;
                // console.log(
                //     "正在设置第几个AI的信息"+this.aiTag+this.aiNameArr[this.aiTag]+userName
                // );

                // this.aiPlayerArr[this.aiTag].getChildByName("DotAnimation").active = false;
                // this.aiPlayerArr[this.aiTag].active = true;
                // this.aiNameArr[this.aiTag].active = true;
                // this.aiGenderArr[this.aiTag].active = true;
                // this.aiAvatarSpArr[this.aiTag].active = true;

            }.bind(this));
        }
        if (this.aiTag < 3) {
            this.aiTag++;
        }
        if (this.aiTag == 3) {
            this.matchEffectNode.active = false;
            cc.audioEngine.playEffect(this.successAudio, false);
            this.scheduleOnce(() => {
                this.matched();
            }, 1);
        }
    },
    matched() {
        //change top UI
        this.meteorLine.active = true;
        this.titleTxt.getComponent(cc.Label).string = "匹配成功";
        this.timeTxt.active = false;
        this.waitTxt.active = false;
        // for (let i = 0; i < 3; i++) {
        //     this.aiPlayerArr[i].getChildByName("DotAnimation").active = false;
        //     this.aiPlayerArr[i].active = true;
        //     this.aiNameArr[i].active = true;
        //     this.aiGenderArr[i].active = true;
        //     this.aiAvatarSpArr[i].active = true;
        // }

        this.scheduleOnce(() => {
            if (this.nextSceneName != '') {
                cc.director.loadScene(this.nextSceneName);
            }
        }, 2);
    },
    onRecvFromClient(event) {
        console.log("收到新消息" + event.data.msg);
        this.unschedule(this.countTime);
        let data = JSON.parse(event.data.msg);

        webView.rivalavatarUrl = data.avatarUrl;
        webView.rivalUserName = data.userName;
        webView.rivalGender = data.gender;
        webView.getBase64(webView.rivalavatarUrl);
    },
    onUrlToBase64(data) {
        webView.rivalavatarBase64 = data.base64;
        console.log('rivalavatarBase64=', webView.rivalavatarBase64);
        this.resetRivalUIByData(webView.rivalUserName, webView.rivalGender, webView.rivalavatarBase64);
    },
    onGameInit(data) {
        this.initPlayer1();
    },
    // /**匹配AI标签，0,1,2 */
    // aiTag : 0,
    onAiRandomInfo(data) {
        console.log("ai匹配回调，，，，，，，，，，，，，", data.aiName);
        let rivalavatarBase64 = data.aiAvatarBase64Url;
        let rivalUserName = data.aiName;
        let rivalGender = data.aiGender;
        this.resetRivalUIByData(rivalUserName, rivalGender, rivalavatarBase64);
    },
});