yichael_chatingroom/帧同步游戏引擎客户端/main.js

let main = {
    openid:'',
    init(name){

        let Self = this;
        this.openid = name;
        let avatarUrl = 'https://';
        let gender = '1';

        lockStepClient.login(this.openid,name,avatarUrl,gender,function (){
            document.getElementById("server-info").innerHTML = "已建连接!";
            $("#message").hide();

            let count_down_num = 1;
            let countDownTimer = setInterval(function () {
                if(count_down_num==-1)
                {
                    clearInterval(countDownTimer);
                    return;
                }

                document.getElementById("server-info").innerHTML = "正在匹配"+count_down_num+"秒";
                count_down_num++;
            },1000)

            lockStepClient.match(Self.openid,function (other_openid,other_name,other_avatarUrl,other_gender) {
                count_down_num = -1;

                $("#message").show();
                $("#title").text('发送信息:');
                $("#message_sumit").attr("value","发送");
                $("#message_input").val('');

                document.getElementById("server-info").innerHTML = '匹配上玩家：“'+other_name;
                // 给文本框赋值
                document.getElementById("textarea_id").value = '匹配上玩家：“'+other_name;
                // 跳转最后一行
                document.getElementById("textarea_id").scrollTop=document.getElementById("textarea_id").scrollHeight;
                //监听回调
                let event = function (message) {
                    Self.onMessageRec(message);
                }
                lockStepClient.onMessageRecCallback = event;
            });
        });
    },
    sendMessage(message){
        console.log('this.openid=',this.openid)
        lockStepClient.sendMessage(this.openid,message);
        $("#message_input").val('');
    },
    onMessageRec(message){

        // 给文本框赋值
        document.getElementById("textarea_id").value = document.getElementById("textarea_id").value+'\n'+message;
        // 跳转最后一行
        document.getElementById("textarea_id").scrollTop=document.getElementById("textarea_id").scrollHeight;
    }
}
window.onload = function(){

    $('#message_sumit').on('click', function(){
        let inputValue = document.getElementById("message_sumit").value;

        if(inputValue === '匹配')
        {
            let name = $("#message_input").val();
            if(name==='') alert('名字不能为空')
            main.init(name);
        }
        else {
            let message = $("#message_input").val();
            main.sendMessage(message);
        }
    })
}