298 lines
11 KiB
TypeScript
298 lines
11 KiB
TypeScript
|
|
import { _decorator, Component, Label, director, Node, Button, instantiate, Sprite, Prefab, v3, SpriteFrame } from 'cc';
|
|
import {tgxAudioMgr, tgxSceneUtil, tgxUIAlert, tgxUIMgr} from '../../core_tgx/tgx';
|
|
import { RoomEvent } from '../../module_basic/scripts/GameMgr';
|
|
import { UserMgr } from '../../module_basic/scripts/UserMgr';
|
|
import { SceneDef } from '../../scripts/SceneDef';
|
|
import { GamePlayerInfo } from './GamePlayerInfo';
|
|
import { AreanEvent, AreanNetMgr } from './AreanNetMgr';
|
|
import {SubGameMgr} from "db://assets/module_basic/scripts/SubGameMgr";
|
|
import { EMusicDefine } from '../../module_basic/scripts/MusicDefine';
|
|
import { EFightModel } from '../../module_basic/shared/protocols/public/arean/AreanTypeDef';
|
|
import { UserLocalCache } from '../../module_basic/scripts/UserLocalCache';
|
|
import {IUserData} from "db://assets/module_basic/shared/types/RoomData";
|
|
import {areanMgr} from "db://assets/module_arean/scripts/AreanManager";
|
|
import {resLoader} from "db://assets/core_tgx/base/utils/ResLoader";
|
|
import {ModuleDef} from "db://assets/scripts/ModuleDef";
|
|
import {CommonFun} from "db://assets/module_arean/scripts/CommonFun";
|
|
import {MsgUserComesToRoomPush} from "db://assets/module_basic/shared/protocols/public/MsgUserComesToRoomPush";
|
|
import {IDanCfg} from "db://assets/module_basic/shared/configs/interface/IDanCfg";
|
|
const { ccclass, property } = _decorator;
|
|
|
|
@ccclass('AreanGameHUD')
|
|
export class AreanGameHUD extends Component {
|
|
|
|
//#endregion
|
|
|
|
|
|
@property(Label)
|
|
tips: Label = null!;
|
|
|
|
@property(Button)
|
|
btnReady: Button;
|
|
|
|
@property(Node)
|
|
watcherList: Node;
|
|
|
|
@property(Label)
|
|
lblRoomId: Label;
|
|
|
|
@property([GamePlayerInfo])
|
|
public players: GamePlayerInfo[] = [];
|
|
|
|
//#endregion
|
|
//#region 组件第一次激活前执行，也就是第一次执行 update 之前触发
|
|
start() {
|
|
if (!UserMgr.inst.uid) {
|
|
tgxSceneUtil.loadScene(SceneDef.START);
|
|
return;
|
|
}
|
|
tgxUIMgr.inst.closeAll();
|
|
director.on(AreanEvent.ChangeHero,this._changeHeroResult.bind(this),this)
|
|
if (UserLocalCache.inst.fightModel == EFightModel.Room) {
|
|
this.lblRoomId.string = AreanNetMgr.inst.data.displayId;
|
|
}
|
|
else {
|
|
this.lblRoomId.string = '';
|
|
}
|
|
for (let i = 0; i < this.players.length; i++) {
|
|
let player = this.players[i];
|
|
player.setUserId('');
|
|
player.setSeatIndex(i);
|
|
}
|
|
let userList = AreanNetMgr.inst.data.userList;
|
|
console.log("当前房间的所有玩家信息 === ",userList);
|
|
for (let i = 0; i < AreanNetMgr.inst.data.userList.length; i++) {
|
|
let userData : IUserData = AreanNetMgr.inst.data.userList[i];
|
|
this.initUser(userData,false);
|
|
}
|
|
this.initWatcherList();
|
|
this.updateCtrlUI();
|
|
this.initEventListener();
|
|
this.updateReadyBtn();
|
|
}
|
|
//#endregion
|
|
private _getCurRoomPlayer(uid : string){
|
|
let userData : IUserData[] = AreanNetMgr.inst.data.userList;
|
|
return userData.find(p => p.uid == uid);
|
|
}
|
|
//#region 用户信息初始化
|
|
initUser(userData: IUserData, isLeaves: boolean) {
|
|
console.log('initUser:', userData);
|
|
let play = this.players.find(p => p._userId == userData.uid);
|
|
let u : IUserData = AreanNetMgr.inst.selfUser;
|
|
if(!u) return;
|
|
if ( u.uid == userData.uid) {
|
|
console.log('我自己selfUser:', u);
|
|
this.players[0].node.active = true;
|
|
this.players[0].setUserId(userData.uid);
|
|
this._getHeroSpine(userData.uid,this.players[0].icon,this.players[0].danIcon).then();
|
|
this.players[0].setOpenChooseHero(this._openChooseHeroLayer.bind(this));
|
|
// this.btnReady.node.active = u && u.playerId && !u.ready;
|
|
}else{
|
|
if (play) {
|
|
if (isLeaves) {
|
|
play.setUserId('');
|
|
} else {
|
|
play.setUserId(userData.uid);
|
|
this._getHeroSpine(userData.uid,play.icon,this.players[0].danIcon).then();
|
|
}
|
|
} else {
|
|
// 房主
|
|
if(userData.seatIndex === 0){
|
|
play = this.players[3];
|
|
play.updateBg()
|
|
play.updateHomeOwnerActive(true);
|
|
}else{
|
|
play = this.players.find(p => p._userId == '' && p.seatIndex != 0);
|
|
}
|
|
if (!isLeaves) {
|
|
play.setUserId(userData.uid);
|
|
this._getHeroSpine(userData.uid,play.icon,this.players[0].danIcon).then();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//#endregion
|
|
|
|
//#region 开始注册监听事件
|
|
initEventListener() {
|
|
director.getScene().on(RoomEvent.NEW_USER_COMES, this.onNewUserComes, this);
|
|
director.getScene().on(RoomEvent.USER_LEAVES, this.onUserLeaves, this);
|
|
director.getScene().on(RoomEvent.WATCHER_LIST_CHANGED, this.initWatcherList, this);
|
|
director.getScene().on(RoomEvent.User_Make_Room, this.onUserMakeRoom, this);
|
|
}
|
|
|
|
onUserMakeRoom(){
|
|
console.log('转让房主')
|
|
this.updateReadyBtn();
|
|
}
|
|
|
|
protected onDestroy(): void {
|
|
director.on(AreanEvent.ChangeHero,this._changeHeroResult.bind(this),this)
|
|
}
|
|
//#endregion
|
|
|
|
onNewUserComes(data: MsgUserComesToRoomPush) {
|
|
console.log('有人加入：', data);
|
|
if (data) {
|
|
let userData : IUserData = this._getCurRoomPlayer(data.uid);
|
|
if(!userData){
|
|
console.warn("没有找到对应的玩家的信息,onNewUserComes",data.uid);
|
|
return;
|
|
}
|
|
this.initUser(userData, false);
|
|
}
|
|
else {
|
|
this.initWatcherList();
|
|
}
|
|
}
|
|
|
|
onUserLeaves(data) {
|
|
console.log('有人离开：', data);
|
|
if (data.isPlayer) {
|
|
let userData : IUserData = this._getCurRoomPlayer(data.uid);
|
|
if(!userData){
|
|
console.warn("没有找到对应的玩家的信息,onUserLeaves",data.uid);
|
|
return;
|
|
}
|
|
this.initUser(userData, true);
|
|
}
|
|
else {
|
|
this.initWatcherList();
|
|
}
|
|
}
|
|
|
|
async initWatcherList() {
|
|
this.watcherList.parent.active = false;
|
|
let usersData = AreanNetMgr.inst.data?.userList;
|
|
// if (!AreanNetMgr.inst.gameMode || !usersData.length) {
|
|
// return;
|
|
// }
|
|
|
|
this.watcherList.parent.active = true;
|
|
|
|
for (let i = 0; i < this.watcherList.children.length; ++i) {
|
|
this.watcherList.children[i].active = false;
|
|
}
|
|
|
|
let userIds = [];
|
|
let c = this.watcherList.children[0];
|
|
for (let i = 0; i < usersData.length; ++i) {
|
|
let u = usersData[i];
|
|
if (!u.playerId) {
|
|
let newNode = instantiate(c);
|
|
this.watcherList.addChild(newNode);
|
|
userIds.push(u.uid);
|
|
}
|
|
}
|
|
|
|
await UserMgr.inst.rpc_GetUserInfos(userIds);
|
|
|
|
for (let i = 0; i < userIds.length; ++i) {
|
|
let c = this.watcherList.children[i];
|
|
c.active = true;
|
|
let icon = c.children[0].getComponent(Sprite);
|
|
UserMgr.inst.setUserIconAndName(userIds[i], icon);
|
|
}
|
|
}
|
|
|
|
updateCtrlUI() {
|
|
console.log('updateCtrlUI 用户列表', AreanNetMgr.inst.data);
|
|
// if (AreanNetMgr.inst.gameMode == EFightModel.SOLO) {
|
|
// this.tips.string = '单人练习';
|
|
// }
|
|
// else if (AreanNetMgr.inst.gameMode == GameMode.AI) {
|
|
// this.tips.string = '人机对决';
|
|
// }
|
|
// else
|
|
if (AreanNetMgr.inst.isWatcher) {
|
|
this.tips.string = '观战中...';
|
|
}
|
|
else if (AreanNetMgr.inst.data.userList.length < 8) {
|
|
this.tips.string = '等待对手加入...'
|
|
}
|
|
// else if (AreanNetMgr.inst.isMyTurn) {
|
|
// this.tips.string = '该你击球...';
|
|
// }
|
|
else {
|
|
this.tips.string = '对手击球...';
|
|
}
|
|
}
|
|
|
|
protected updateReadyBtn() {
|
|
let user = AreanNetMgr.inst.data.userList.find(p => p.uid == UserMgr.inst.uid);
|
|
let str = "准备"
|
|
if (user && user.seatIndex == 0) {
|
|
str = "开始游戏"
|
|
}
|
|
this.btnReady.node.getChildByName("Label").getComponent(Label).string = str;
|
|
this.btnReady.node.getChildByName("autoLab").active = user && user.seatIndex == 0;
|
|
this.players[0].updateHomeOwnerActive(user && user.seatIndex == 0);
|
|
}
|
|
|
|
async onBtnEnterClicked() {
|
|
tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_CLICK);
|
|
let user = AreanNetMgr.inst.data.userList.find(p => p.uid == UserMgr.inst.uid);
|
|
if (user && user.seatIndex == 0) {
|
|
let res = await AreanNetMgr.inst.sendMsg_StartGame();
|
|
if (!res.res.isStarted) {
|
|
tgxUIAlert.show("开始游戏失败,有玩家没准备");
|
|
}
|
|
// tgxUIMgr.inst.showUI(UIBattleLoading)
|
|
// //房主
|
|
// let res = await AreanNetMgr.inst.sendMsg_StartGame();
|
|
// if (!res.res.isStarted) {
|
|
// tgxUIAlert.show("开始游戏失败,有玩家没准备");
|
|
// }else{
|
|
// }
|
|
} else {///不是房主
|
|
SubGameMgr.gameMgr.rpc_Ready().then((ret=>{
|
|
if(ret.isSucc){
|
|
this.btnReady.node.active = false;
|
|
}
|
|
}));
|
|
}
|
|
}
|
|
|
|
async onBtnExitClicked() {
|
|
tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_CLOSE);
|
|
if (AreanNetMgr.inst.isPlayer && AreanNetMgr.inst.isPlaying) {
|
|
tgxUIAlert.show('确定要退出吗？', true).onClick(async (ok: Boolean) => {
|
|
if (ok) {
|
|
let ret = await AreanNetMgr.inst.rpc_LeaveRoom();
|
|
if (ret.isSucc) {
|
|
tgxSceneUtil.loadScene(SceneDef.LOBBY_AREAN);
|
|
}
|
|
else {
|
|
tgxUIAlert.show('不能离开');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
else {
|
|
let ret = await AreanNetMgr.inst.rpc_LeaveRoom();
|
|
if (ret.isSucc || (ret.err.code == 'LOST_CONN' && ret.err.message == 'USER_LEAVE')) {
|
|
tgxSceneUtil.loadScene(SceneDef.LOBBY_AREAN);
|
|
}
|
|
else {
|
|
tgxUIAlert.show(ret.err.message);
|
|
}
|
|
}
|
|
}
|
|
|
|
private _openChooseHeroLayer() : void{
|
|
|
|
}
|
|
|
|
/** 英雄spine */
|
|
private async _getHeroSpine(userId : string,icon: Sprite,danIcon: Sprite): Promise<void> {
|
|
}
|
|
|
|
|
|
|
|
private _changeHeroResult(data : {uid : string}) : void{
|
|
|
|
}
|
|
}
|