878 lines
31 KiB
TypeScript
878 lines
31 KiB
TypeScript
import JiaZai from "../../Script/JiaZai";
|
||
import Utils from "../../Script/module/Pay/Utils";
|
||
import { MiniGameManager } from "../../Script/Sdk/MiniGameManager";
|
||
import { MiniGameSdk } from "../../Script/Sdk/MiniGameSdk";
|
||
const { ccclass, property } = cc._decorator;
|
||
//排行榜
|
||
@ccclass
|
||
export default class GachaManager extends cc.Component {
|
||
@property(cc.Node) //用户头像换图
|
||
avatar: cc.Node = null;
|
||
|
||
@property(cc.Node) //用户头像换图
|
||
catNode: cc.Node = null;
|
||
|
||
@property({ type: [cc.SpriteFrame], tooltip: "头像图片" })
|
||
icon: Array<cc.SpriteFrame> = [];
|
||
|
||
@property({ type: [cc.SpriteFrame], tooltip: "头像稀有度" })
|
||
kuang: Array<cc.SpriteFrame> = [];
|
||
|
||
@property({ type: [cc.SpriteFrame], tooltip: "猫图片" })
|
||
cat_Icon: Array<cc.SpriteFrame> = [];
|
||
|
||
@property(cc.AudioClip)
|
||
buttonAudio: cc.AudioClip = null;
|
||
|
||
@property(cc.AudioClip)
|
||
dropAudio: cc.AudioClip = null;
|
||
|
||
@property(cc.AudioClip)
|
||
openAudio: cc.AudioClip = null;
|
||
|
||
avatarData: any = null;
|
||
catArr: any = null;
|
||
headArr: any = null;
|
||
own = 0;
|
||
cat = 0;
|
||
reward = 0;
|
||
phase = 2;
|
||
private _phaseCenterX: number = 0;
|
||
private _phaseSwitching: boolean = false;
|
||
private _phaseTweens: cc.Tween[] = [];
|
||
private _phaseTabTweens: cc.Tween[] = [];
|
||
private _phaseTabOrigin: { [key: string]: any } = {};
|
||
private readonly _phaseMoveDuration: number = 0.3;
|
||
private _showReward2Button = () => {
|
||
const rewardNode = this.node.getChildByName("getReward2");
|
||
const buttonNode = rewardNode && rewardNode.getChildByName("btn");
|
||
if (buttonNode) {
|
||
buttonNode.active = true;
|
||
}
|
||
};
|
||
|
||
onLoad() {
|
||
this.avatarData = [];
|
||
this.own = 0;
|
||
this.cat = 0;
|
||
this.reward = 0;
|
||
const phase2Node = this.node.getChildByName("Phase2");
|
||
const phase1Node = this.node.getChildByName("Phase1");
|
||
this.phase = phase1Node && phase2Node ? 2 : 1;
|
||
this._phaseCenterX = phase2Node ? phase2Node.x : (phase1Node ? phase1Node.x : 0);
|
||
this._cachePhaseTabLayout();
|
||
this._showPhaseImmediately(this.phase);
|
||
// this.init();
|
||
}
|
||
//初始化数据
|
||
init(data, film, catArr, keepCurrentPhase: boolean = false) {
|
||
this.avatarData = [];
|
||
this.own = 0;
|
||
this.cat = 0;
|
||
if (!keepCurrentPhase) {
|
||
this.phase = this._hasMultiPhaseLayout() ? 2 : 1;
|
||
}
|
||
else if (!this._hasMultiPhaseLayout()) {
|
||
// Gacha is the legacy single-phase avatar layout.
|
||
this.phase = 1;
|
||
}
|
||
this.catArr = [];
|
||
if (catArr) {
|
||
this.catArr = catArr;
|
||
this.cat = this.catArr.length;
|
||
}
|
||
console.log("222222初始化数据", data, film, catArr);
|
||
cc.fx.GameConfig.GM_INFO.film = film;
|
||
if (data) {
|
||
this.avatarData = data;
|
||
this.own = this.avatarData.length;
|
||
}
|
||
this._refreshOwnedStates();
|
||
|
||
this._showPhaseImmediately(this.phase);
|
||
this._refreshPhaseCurrency(this.phase);
|
||
|
||
if (this.phase === 2) {
|
||
const phase2Node = this.node.getChildByName("Phase2");
|
||
const bottomNode = phase2Node && phase2Node.getChildByName("bottom");
|
||
const buttonNode = bottomNode && bottomNode.getChildByName("dayinBtn");
|
||
if (buttonNode) {
|
||
cc.tween(buttonNode)
|
||
.delay(1)
|
||
.to(0.5, { rotation: 0 })
|
||
.start();
|
||
}
|
||
}
|
||
}
|
||
|
||
getCostFilm() {
|
||
let film = [5, 10, 25, 35, 55, 70, 100, 120];
|
||
if (this.own > film.length)
|
||
this.own = film.length - 1;
|
||
let count = film[this.own];
|
||
return count;
|
||
}
|
||
|
||
getCostFilm2() {
|
||
let film = [5, 10, 25, 35, 55, 70, 100, 120];
|
||
if (this.cat > film.length)
|
||
this.cat = film.length - 1;
|
||
let count = film[this.cat];
|
||
return count;
|
||
}
|
||
|
||
closeGacha() {
|
||
const jiazaiNode = cc.find("Canvas"); // 假设 JiaZai 挂在 Canvas 节点
|
||
const jiazaiComp = jiazaiNode.getComponent(JiaZai);
|
||
if (jiazaiComp) {
|
||
jiazaiComp.closeGacha();
|
||
|
||
} else {
|
||
console.log("无法获取JiaZai组件");
|
||
}
|
||
}
|
||
|
||
playGacha() {
|
||
if (this.own >= 8) {
|
||
MiniGameSdk.API.showToast("已拥有当期所有头像");
|
||
return;
|
||
}
|
||
else {
|
||
let cost = this.getCostFilm();
|
||
if (cc.fx.GameConfig.GM_INFO.film < cost) {
|
||
MiniGameSdk.API.showToast("代币不足,闯关获取更多代币！");
|
||
return;
|
||
}
|
||
}
|
||
|
||
this.openLoad(null);
|
||
Utils.getGacha(res => {
|
||
console.log("抽卡结果", res);
|
||
if (res.code == 1) {
|
||
|
||
console.log("抽卡成功");
|
||
cc.fx.GameConfig.GM_INFO.film = res.data.film;
|
||
console.log("所剩余代币", cc.fx.GameConfig.GM_INFO.film);
|
||
let headArr = cc.fx.GameTool.getAvatarData(res.data.headArr);
|
||
const rewardId = Number(res.data.reward);
|
||
if (headArr.indexOf(rewardId) === -1) {
|
||
headArr.push(rewardId);
|
||
}
|
||
this.init(headArr, cc.fx.GameConfig.GM_INFO.film, this.catArr, true);
|
||
this.openReward(res.data.reward);
|
||
cc.fx.GameTool.shushu_Track("avatar_gacha", {
|
||
pool_id: "spring",
|
||
pull_count: (this.own + 1),
|
||
film_count: (8 - this.own),
|
||
film_left: (8 - this.own - 1),
|
||
is_success: true,
|
||
result: "spring_" + res.data.reward.toString(),
|
||
});
|
||
}
|
||
else if (res.code == 0) {
|
||
MiniGameSdk.API.showToast(res.msg);
|
||
cc.fx.GameTool.shushu_Track("avatar_gacha", {
|
||
pool_id: "spring",
|
||
pull_count: (this.own + 1),
|
||
film_count: (8 - this.own),
|
||
film_left: (8 - this.own),
|
||
is_success: false,
|
||
result: "",
|
||
});
|
||
}
|
||
else {
|
||
MiniGameSdk.API.showToast("网络异常，请稍后再试");
|
||
cc.fx.GameTool.shushu_Track("avatar_gacha", {
|
||
pool_id: "spring",
|
||
pull_count: (this.own + 1),
|
||
film_count: (8 - this.own),
|
||
film_left: (8 - this.own),
|
||
is_success: false,
|
||
result: "",
|
||
});
|
||
}
|
||
this.closeLoad();
|
||
});
|
||
// let cost = this.getCostFilm();
|
||
// if (cc.fx.GameConfig.GM_INFO.film >= cost) {
|
||
|
||
// }
|
||
}
|
||
|
||
playGacha2() {
|
||
const phase2Node = this.node.getChildByName("Phase2");
|
||
const bottomNode = phase2Node && phase2Node.getChildByName("bottom");
|
||
const btn = bottomNode && bottomNode.getChildByName("dayinBtn");
|
||
if (!phase2Node || !bottomNode || !btn) {
|
||
console.warn("playGacha2 is only available in the Gacha2 layout.");
|
||
return;
|
||
}
|
||
|
||
// 点击按钮的一瞬间播放抽猫专用按钮音效。
|
||
this.playGachaEffect("button");
|
||
if (this.cat >= 8) {
|
||
MiniGameSdk.API.showToast("已拥有当期所有猫咪");
|
||
return;
|
||
}
|
||
else {
|
||
let cost = this.getCostFilm2();
|
||
if (cc.fx.GameConfig.GM_INFO.film < cost) {
|
||
MiniGameSdk.API.showToast("代币不足,闯关获取更多代币！");
|
||
return;
|
||
}
|
||
}
|
||
|
||
btn.runAction(cc.rotateTo(0.8, 90));
|
||
this.openLoad("drop");
|
||
setTimeout(() => {
|
||
Utils.getCat(res => {
|
||
console.log("抽卡结果", res);
|
||
if (res.code == 1) {
|
||
console.log("抽卡成功");
|
||
cc.fx.GameConfig.GM_INFO.film = res.data.film;
|
||
cc.fx.GameConfig.GM_INFO.catArr = Array.isArray(res.data.catArr)
|
||
? res.data.catArr.slice()
|
||
: [];
|
||
console.log("所剩余代币", cc.fx.GameConfig.GM_INFO.film);
|
||
let catArr = cc.fx.GameTool.getCatData(res.data.catArr);
|
||
const rewardId = Number(res.data.reward);
|
||
if (catArr.indexOf(rewardId) === -1) {
|
||
catArr.push(rewardId);
|
||
}
|
||
this.init(this.avatarData, cc.fx.GameConfig.GM_INFO.film, catArr, true);
|
||
this.openReward2(res.data.reward);
|
||
cc.fx.GameTool.shushu_Track("avatar_gacha", {
|
||
pool_id: "summer1",
|
||
pull_count: (this.cat + 1),
|
||
film_count: (8 - this.cat),
|
||
film_left: (8 - this.cat - 1),
|
||
is_success: true,
|
||
result: "summer_" + res.data.reward.toString(),
|
||
});
|
||
}
|
||
else if (res.code == 0) {
|
||
MiniGameSdk.API.showToast(res.msg);
|
||
cc.fx.GameTool.shushu_Track("avatar_gacha", {
|
||
pool_id: "summer1",
|
||
pull_count: (this.cat + 1),
|
||
film_count: (8 - this.cat),
|
||
film_left: (8 - this.cat),
|
||
is_success: false,
|
||
result: "",
|
||
});
|
||
}
|
||
else {
|
||
MiniGameSdk.API.showToast("网络异常，请稍后再试");
|
||
cc.fx.GameTool.shushu_Track("avatar_gacha", {
|
||
pool_id: "summer1",
|
||
pull_count: (this.cat + 1),
|
||
film_count: (8 - this.cat),
|
||
film_left: (8 - this.cat),
|
||
is_success: false,
|
||
result: "",
|
||
});
|
||
}
|
||
this.closeLoad();
|
||
});
|
||
}, 1000);
|
||
|
||
|
||
}
|
||
|
||
/** 播放抽猫流程音效，并沿用游戏现有的音效开关。 */
|
||
public playGachaEffect(type: string) {
|
||
if (cc.fx.GameConfig.GM_INFO
|
||
&& cc.fx.GameConfig.GM_INFO.effectOpen === false) {
|
||
return;
|
||
}
|
||
|
||
let clip: cc.AudioClip = null;
|
||
if (type === "button") {
|
||
clip = this.buttonAudio;
|
||
}
|
||
else if (type === "drop") {
|
||
clip = this.dropAudio;
|
||
}
|
||
else if (type === "open") {
|
||
clip = this.openAudio;
|
||
}
|
||
|
||
if (!clip) {
|
||
return;
|
||
}
|
||
|
||
const audioManager = cc.fx.AudioManager && cc.fx.AudioManager._instance;
|
||
if (audioManager && audioManager.play) {
|
||
audioManager.play(clip, false, null, false);
|
||
}
|
||
else {
|
||
cc.audioEngine.playEffect(clip, false);
|
||
}
|
||
}
|
||
|
||
openReward(data) {
|
||
this.reward = data;
|
||
const rewardNode = this._getAvatarRewardNode();
|
||
const rNode = rewardNode && rewardNode.getChildByName("r");
|
||
const srNode = rewardNode && rewardNode.getChildByName("sr");
|
||
const ssrNode = rewardNode && rewardNode.getChildByName("ssr");
|
||
const buttonNode = rewardNode && rewardNode.getChildByName("btn");
|
||
const paperNode = rewardNode && rewardNode.getChildByName("paper");
|
||
const dayin1Node = rewardNode && rewardNode.getChildByName("dayin1");
|
||
const dayin2Node = rewardNode && rewardNode.getChildByName("dayin2");
|
||
const paperBgNode = paperNode && paperNode.getChildByName("bg");
|
||
const paperIconNode = paperNode && paperNode.getChildByName("icon");
|
||
if (!rewardNode || !rNode || !srNode || !ssrNode || !buttonNode
|
||
|| !paperNode || !dayin1Node || !dayin2Node || !paperBgNode || !paperIconNode) {
|
||
console.warn("Avatar reward nodes are incomplete.");
|
||
return;
|
||
}
|
||
|
||
rNode.zIndex = 100;
|
||
srNode.zIndex = 100;
|
||
ssrNode.zIndex = 100;
|
||
rNode.active = false;
|
||
srNode.active = false;
|
||
ssrNode.active = false;
|
||
buttonNode.active = false;
|
||
|
||
let kuang = 0;
|
||
if (data == 24 || data == 25)
|
||
kuang = 1;
|
||
else if (data == 26)
|
||
kuang = 2;
|
||
else
|
||
kuang = 0;
|
||
const bgSprite = paperBgNode.getComponent(cc.Sprite);
|
||
const iconSprite = paperIconNode.getComponent(cc.Sprite);
|
||
const bgFlipEffect = paperBgNode.getComponent("CardFlipEffect") as any;
|
||
const iconFlipEffect = paperIconNode.getComponent("CardFlipEffect") as any;
|
||
if (!bgSprite || !iconSprite || !bgFlipEffect || !iconFlipEffect) {
|
||
console.warn("Avatar reward components are incomplete.");
|
||
return;
|
||
}
|
||
bgSprite.spriteFrame = this.kuang[kuang];
|
||
iconSprite.spriteFrame = this.icon[this.reward - 19];
|
||
|
||
rewardNode.active = true;
|
||
paperNode.opacity = 0;
|
||
dayin1Node.opacity = 0;
|
||
dayin2Node.opacity = 0;
|
||
dayin1Node.zIndex = 2;
|
||
dayin2Node.zIndex = 4;
|
||
bgFlipEffect.init();
|
||
iconFlipEffect.init();
|
||
cc.tween(paperNode)
|
||
.to(0.2, { opacity: 255 })
|
||
.start();
|
||
cc.tween(dayin1Node)
|
||
.to(0.2, { opacity: 255 })
|
||
.start();
|
||
cc.tween(dayin2Node)
|
||
.to(0.2, { opacity: 255 })
|
||
.start();
|
||
}
|
||
|
||
openReward2(data) {
|
||
this.reward = data;
|
||
const rewardNode = this.node.getChildByName("getReward2");
|
||
const animeNode = rewardNode && rewardNode.getChildByName("gatchaAnime");
|
||
const buttonNode = rewardNode && rewardNode.getChildByName("btn");
|
||
const resultNode = animeNode && animeNode.getChildByName("4");
|
||
const resultSprite = resultNode && resultNode.getComponent(cc.Sprite);
|
||
if (!rewardNode || !animeNode || !buttonNode || !resultNode || !resultSprite) {
|
||
console.warn("Cat reward nodes are only available in the Gacha2 layout.");
|
||
return;
|
||
}
|
||
const wasActive = rewardNode.active;
|
||
|
||
this.unschedule(this._showReward2Button);
|
||
buttonNode.active = false;
|
||
console.log("具体奖励:", this.reward);
|
||
resultSprite.spriteFrame = this.cat_Icon[this.reward];
|
||
rewardNode.active = true;
|
||
|
||
// 正常的关闭后重开由 GachaDrawAnime.onEnable 自动重播；
|
||
// 如果重复调用时节点本来就是打开的，也主动从头重播。
|
||
if (wasActive) {
|
||
const anime = animeNode.getComponent("GachaDrawAnime") as any;
|
||
if (anime && anime.playAnime) {
|
||
anime.playAnime();
|
||
}
|
||
}
|
||
|
||
this.scheduleOnce(this._showReward2Button, 2);
|
||
}
|
||
|
||
showReward() {
|
||
const rewardNode = this._getAvatarRewardNode();
|
||
const buttonNode = rewardNode && rewardNode.getChildByName("btn");
|
||
const rNode = rewardNode && rewardNode.getChildByName("r");
|
||
const srNode = rewardNode && rewardNode.getChildByName("sr");
|
||
const ssrNode = rewardNode && rewardNode.getChildByName("ssr");
|
||
if (!rewardNode || !buttonNode || !rNode || !srNode || !ssrNode) {
|
||
console.warn("Avatar reward nodes are incomplete.");
|
||
return;
|
||
}
|
||
|
||
buttonNode.active = true;
|
||
let actionName = cc.fx.GameTool.getActionName(this.reward.toString());
|
||
if (this.reward < 24) {
|
||
const spineNode = rNode.getChildByName("sp");
|
||
if (!spineNode) {
|
||
return;
|
||
}
|
||
rNode.active = true;
|
||
cc.fx.GameTool.loadSpineSimple(spineNode, actionName);
|
||
}
|
||
else if (this.reward == 24 || this.reward == 25) {
|
||
const spineNode = srNode.getChildByName("sp");
|
||
if (!spineNode) {
|
||
return;
|
||
}
|
||
srNode.active = true;
|
||
cc.fx.GameTool.loadSpineSimple(spineNode, actionName);
|
||
if (this.reward == 24) {
|
||
spineNode.y = 60
|
||
} else {
|
||
spineNode.y = 35
|
||
}
|
||
}
|
||
else if (this.reward == 26) {
|
||
const spineNode = ssrNode.getChildByName("sp");
|
||
if (!spineNode) {
|
||
return;
|
||
}
|
||
ssrNode.active = true;
|
||
cc.fx.GameTool.loadSpineSimple(spineNode, actionName);
|
||
}
|
||
}
|
||
|
||
closeReward() {
|
||
this.unschedule(this._showReward2Button);
|
||
const avatarRewardNode = this._getAvatarRewardNode();
|
||
const catRewardNode = this.node.getChildByName("getReward2");
|
||
if (avatarRewardNode) {
|
||
avatarRewardNode.active = false;
|
||
}
|
||
if (catRewardNode) {
|
||
catRewardNode.active = false;
|
||
}
|
||
|
||
}
|
||
|
||
openLoad(type) {
|
||
const loadingNode = this.node.getChildByName("Loading");
|
||
const loadNode = loadingNode && loadingNode.getChildByName("load");
|
||
const labelNode = this._getLoadingPart("label", "New Label");
|
||
const bgNode = this._getLoadingPart("bg", "New Sprite(Splash)");
|
||
if (!loadingNode || !loadNode) {
|
||
console.warn("Loading nodes are incomplete.");
|
||
return;
|
||
}
|
||
|
||
loadingNode.active = true;
|
||
loadNode.stopAllActions();
|
||
loadNode.runAction(cc.rotateTo(2, 1080).repeatForever());
|
||
if (type === "drop") {
|
||
loadNode.opacity = 0;
|
||
if (labelNode) {
|
||
labelNode.opacity = 0;
|
||
}
|
||
if (bgNode) {
|
||
bgNode.opacity = 0;
|
||
}
|
||
}
|
||
setTimeout(() => {
|
||
if (!this.node || !cc.isValid(this.node)) {
|
||
return;
|
||
}
|
||
|
||
const currentLoadingNode = this.node.getChildByName("Loading");
|
||
const currentLoadNode = currentLoadingNode && currentLoadingNode.getChildByName("load");
|
||
const currentLabelNode = this._getLoadingPart("label", "New Label");
|
||
const currentBgNode = this._getLoadingPart("bg", "New Sprite(Splash)");
|
||
if (currentLoadNode) {
|
||
currentLoadNode.opacity = 255;
|
||
}
|
||
if (currentLabelNode) {
|
||
currentLabelNode.opacity = 255;
|
||
}
|
||
if (currentBgNode) {
|
||
currentBgNode.opacity = 120;
|
||
}
|
||
}, 1000);
|
||
}
|
||
|
||
closeLoad() {
|
||
const loadingNode = this.node.getChildByName("Loading");
|
||
if (loadingNode) {
|
||
loadingNode.active = false;
|
||
}
|
||
|
||
const phase2Node = this.node.getChildByName("Phase2");
|
||
const bottomNode = phase2Node && phase2Node.getChildByName("bottom");
|
||
const buttonNode = bottomNode && bottomNode.getChildByName("dayinBtn");
|
||
if (buttonNode) {
|
||
buttonNode.rotation = 0;
|
||
}
|
||
}
|
||
|
||
start() {
|
||
}
|
||
|
||
changePhase(event, customEventData) {
|
||
const phaseName = (customEventData || "").toString().toLowerCase();
|
||
const targetPhase = phaseName === "phase1" ? 1 : (phaseName === "phase2" ? 2 : 0);
|
||
if (targetPhase === 0) {
|
||
console.warn("changePhase收到无效参数:", customEventData);
|
||
return;
|
||
}
|
||
|
||
if (this._phaseSwitching || targetPhase === this.phase) {
|
||
return;
|
||
}
|
||
|
||
const phase1Node = this.node.getChildByName("Phase1");
|
||
const phase2Node = this.node.getChildByName("Phase2");
|
||
if (!phase1Node || !phase2Node) {
|
||
return;
|
||
}
|
||
|
||
this._stopPhaseTweens();
|
||
this._phaseSwitching = true;
|
||
this.phase = targetPhase;
|
||
this._refreshPhaseCurrency(targetPhase);
|
||
|
||
const offsetX = this._getPhaseOffsetX(phase1Node, phase2Node);
|
||
const incomingNode = targetPhase === 1 ? phase1Node : phase2Node;
|
||
const outgoingNode = targetPhase === 1 ? phase2Node : phase1Node;
|
||
const incomingStartX = this._phaseCenterX + (targetPhase === 1 ? -offsetX : offsetX);
|
||
const outgoingEndX = this._phaseCenterX + (targetPhase === 1 ? offsetX : -offsetX);
|
||
|
||
// Phase 根节点有全屏 Widget。先停用 Widget 并设置屏外坐标，
|
||
// 再激活节点，避免 Widget 在激活首帧把节点拉回中间造成闪烁。
|
||
this._setPhaseWidgetEnabled(incomingNode, false);
|
||
this._setPhaseWidgetEnabled(outgoingNode, false);
|
||
incomingNode.x = incomingStartX;
|
||
outgoingNode.x = this._phaseCenterX;
|
||
incomingNode.active = true;
|
||
outgoingNode.active = true;
|
||
|
||
const incomingTween: cc.Tween = cc.tween(incomingNode)
|
||
.to(this._phaseMoveDuration, { x: this._phaseCenterX }, { easing: "sineInOut" })
|
||
.call(() => {
|
||
incomingNode.x = this._phaseCenterX;
|
||
this._setPhaseWidgetEnabled(incomingNode, true);
|
||
this._phaseSwitching = false;
|
||
this._phaseTweens = [];
|
||
});
|
||
|
||
const outgoingTween: cc.Tween = cc.tween(outgoingNode)
|
||
.to(this._phaseMoveDuration, { x: outgoingEndX }, { easing: "sineInOut" })
|
||
.call(() => {
|
||
outgoingNode.x = outgoingEndX;
|
||
outgoingNode.active = false;
|
||
this._setPhaseWidgetEnabled(outgoingNode, true);
|
||
});
|
||
|
||
this._phaseTweens = [incomingTween, outgoingTween];
|
||
incomingTween.start();
|
||
outgoingTween.start();
|
||
this._playPhaseTabTweens(targetPhase);
|
||
}
|
||
|
||
private _showPhaseImmediately(targetPhase: number) {
|
||
const phase1Node = this.node.getChildByName("Phase1");
|
||
const phase2Node = this.node.getChildByName("Phase2");
|
||
if (!phase1Node || !phase2Node) {
|
||
return;
|
||
}
|
||
|
||
this._stopPhaseTweens();
|
||
const offsetX = this._getPhaseOffsetX(phase1Node, phase2Node);
|
||
this.phase = targetPhase === 1 ? 1 : 2;
|
||
this._setPhaseWidgetEnabled(phase1Node, false);
|
||
this._setPhaseWidgetEnabled(phase2Node, false);
|
||
|
||
if (this.phase === 1) {
|
||
phase1Node.x = this._phaseCenterX;
|
||
phase1Node.active = true;
|
||
phase2Node.x = this._phaseCenterX + offsetX;
|
||
phase2Node.active = false;
|
||
}
|
||
else {
|
||
phase2Node.x = this._phaseCenterX;
|
||
phase2Node.active = true;
|
||
phase1Node.x = this._phaseCenterX - offsetX;
|
||
phase1Node.active = false;
|
||
}
|
||
|
||
this._setPhaseWidgetEnabled(phase1Node, true);
|
||
this._setPhaseWidgetEnabled(phase2Node, true);
|
||
this._showPhaseTabsImmediately(this.phase);
|
||
}
|
||
|
||
private _getPhaseOffsetX(phase1Node: cc.Node, phase2Node: cc.Node): number {
|
||
return Math.max(
|
||
this.node.width,
|
||
cc.winSize.width,
|
||
phase1Node.width,
|
||
phase2Node.width
|
||
);
|
||
}
|
||
|
||
private _setPhaseWidgetEnabled(phaseNode: cc.Node, enabled: boolean) {
|
||
const widget = phaseNode.getComponent(cc.Widget);
|
||
if (!widget) {
|
||
return;
|
||
}
|
||
|
||
widget.enabled = enabled;
|
||
if (enabled && phaseNode.active) {
|
||
widget.updateAlignment();
|
||
}
|
||
}
|
||
|
||
private _stopPhaseTweens() {
|
||
for (let i = 0; i < this._phaseTweens.length; i++) {
|
||
if (this._phaseTweens[i]) {
|
||
this._phaseTweens[i].stop();
|
||
}
|
||
}
|
||
this._phaseTweens = [];
|
||
this._stopPhaseTabTweens();
|
||
this._phaseSwitching = false;
|
||
}
|
||
|
||
private _cachePhaseTabLayout() {
|
||
const tabNames = ["first", "two", "three"];
|
||
for (let i = 0; i < tabNames.length; i++) {
|
||
const node = this.node.getChildByName(tabNames[i]);
|
||
if (node) {
|
||
this._phaseTabOrigin[tabNames[i]] = {
|
||
x: node.x,
|
||
y: node.y,
|
||
width: node.width,
|
||
height: node.height,
|
||
scaleX: node.scaleX,
|
||
scaleY: node.scaleY
|
||
};
|
||
}
|
||
}
|
||
}
|
||
|
||
private _playPhaseTabTweens(targetPhase: number) {
|
||
const firstNode = this.node.getChildByName("first");
|
||
const twoNode = this.node.getChildByName("two");
|
||
const threeNode = this.node.getChildByName("three");
|
||
const firstOrigin = this._phaseTabOrigin.first;
|
||
const twoOrigin = this._phaseTabOrigin.two;
|
||
const threeOrigin = this._phaseTabOrigin.three;
|
||
if (!firstNode || !twoNode || !threeNode || !firstOrigin || !twoOrigin || !threeOrigin) {
|
||
return;
|
||
}
|
||
|
||
this._stopPhaseTabTweens();
|
||
firstNode.active = true;
|
||
twoNode.active = true;
|
||
threeNode.active = true;
|
||
|
||
const firstTarget = targetPhase === 1 ? twoOrigin : firstOrigin;
|
||
const twoTarget = targetPhase === 1 ? threeOrigin : twoOrigin;
|
||
const threeTarget = targetPhase === 1
|
||
? {
|
||
x: this._getPhaseTabRightOutX(threeNode),
|
||
y: threeOrigin.y,
|
||
width: threeOrigin.width,
|
||
height: threeOrigin.height,
|
||
scaleX: threeOrigin.scaleX,
|
||
scaleY: threeOrigin.scaleY
|
||
}
|
||
: threeOrigin;
|
||
|
||
const firstTween: cc.Tween = cc.tween(firstNode)
|
||
.to(this._phaseMoveDuration, firstTarget, { easing: "sineInOut" });
|
||
const twoTween: cc.Tween = cc.tween(twoNode)
|
||
.to(this._phaseMoveDuration, twoTarget, { easing: "sineInOut" });
|
||
const threeTween: cc.Tween = cc.tween(threeNode)
|
||
.to(this._phaseMoveDuration, threeTarget, { easing: "sineInOut" });
|
||
|
||
this._phaseTabTweens = [firstTween, twoTween, threeTween];
|
||
firstTween.start();
|
||
twoTween.start();
|
||
threeTween.start();
|
||
}
|
||
|
||
private _showPhaseTabsImmediately(targetPhase: number) {
|
||
const firstNode = this.node.getChildByName("first");
|
||
const twoNode = this.node.getChildByName("two");
|
||
const threeNode = this.node.getChildByName("three");
|
||
const firstOrigin = this._phaseTabOrigin.first;
|
||
const twoOrigin = this._phaseTabOrigin.two;
|
||
const threeOrigin = this._phaseTabOrigin.three;
|
||
if (!firstNode || !twoNode || !threeNode || !firstOrigin || !twoOrigin || !threeOrigin) {
|
||
return;
|
||
}
|
||
|
||
this._stopPhaseTabTweens();
|
||
this._applyPhaseTabState(firstNode, targetPhase === 1 ? twoOrigin : firstOrigin);
|
||
this._applyPhaseTabState(twoNode, targetPhase === 1 ? threeOrigin : twoOrigin);
|
||
this._applyPhaseTabState(threeNode, targetPhase === 1
|
||
? {
|
||
x: this._getPhaseTabRightOutX(threeNode),
|
||
y: threeOrigin.y,
|
||
width: threeOrigin.width,
|
||
height: threeOrigin.height,
|
||
scaleX: threeOrigin.scaleX,
|
||
scaleY: threeOrigin.scaleY
|
||
}
|
||
: threeOrigin);
|
||
}
|
||
|
||
private _applyPhaseTabState(node: cc.Node, state: any) {
|
||
node.x = state.x;
|
||
node.y = state.y;
|
||
node.width = state.width;
|
||
node.height = state.height;
|
||
node.scaleX = state.scaleX;
|
||
node.scaleY = state.scaleY;
|
||
}
|
||
|
||
private _getPhaseTabRightOutX(threeNode: cc.Node): number {
|
||
const viewWidth = Math.max(this.node.width, cc.winSize.width);
|
||
return this._phaseCenterX + viewWidth / 2 + threeNode.width * Math.abs(threeNode.scaleX) / 2 + 20;
|
||
}
|
||
|
||
private _stopPhaseTabTweens() {
|
||
for (let i = 0; i < this._phaseTabTweens.length; i++) {
|
||
if (this._phaseTabTweens[i]) {
|
||
this._phaseTabTweens[i].stop();
|
||
}
|
||
}
|
||
this._phaseTabTweens = [];
|
||
}
|
||
|
||
private _hasMultiPhaseLayout(): boolean {
|
||
return !!this.node.getChildByName("Phase1")
|
||
&& !!this.node.getChildByName("Phase2");
|
||
}
|
||
|
||
private _getPhaseContentNode(targetPhase: number): cc.Node {
|
||
const phaseNode = this.node.getChildByName(targetPhase === 1 ? "Phase1" : "Phase2");
|
||
if (phaseNode) {
|
||
return phaseNode;
|
||
}
|
||
|
||
// The A prefab has no phase wrappers; its avatar content is on the root.
|
||
if (targetPhase === 1
|
||
&& !this.node.getChildByName("Phase1")
|
||
&& !this.node.getChildByName("Phase2")) {
|
||
return this.node;
|
||
}
|
||
return null;
|
||
}
|
||
|
||
private _getAvatarRewardNode(): cc.Node {
|
||
// Gacha uses the historical typo "geReward"; Gacha2 uses "getReward".
|
||
return this.node.getChildByName("getReward")
|
||
|| this.node.getChildByName("geReward");
|
||
}
|
||
|
||
private _getLoadingPart(currentName: string, legacyName: string): cc.Node {
|
||
const loadingNode = this.node.getChildByName("Loading");
|
||
if (!loadingNode) {
|
||
return null;
|
||
}
|
||
return loadingNode.getChildByName(currentName)
|
||
|| loadingNode.getChildByName(legacyName);
|
||
}
|
||
|
||
private _refreshPhaseCurrency(targetPhase: number) {
|
||
const phaseNode = this._getPhaseContentNode(targetPhase);
|
||
if (!phaseNode) {
|
||
return;
|
||
}
|
||
|
||
const bottomNode = phaseNode.getChildByName("bottom");
|
||
if (!bottomNode) {
|
||
return;
|
||
}
|
||
|
||
const noNode = bottomNode.getChildByName("no");
|
||
const yesNode = bottomNode.getChildByName("yes");
|
||
const totalNode = bottomNode.getChildByName("total");
|
||
if (!noNode || !yesNode || !totalNode) {
|
||
return;
|
||
}
|
||
|
||
noNode.active = false;
|
||
yesNode.active = false;
|
||
|
||
const ownedCount = targetPhase === 1 ? this.own : this.cat;
|
||
const finishNode = phaseNode.getChildByName("finishi");
|
||
if (finishNode) {
|
||
finishNode.active = ownedCount >= 8;
|
||
}
|
||
if (ownedCount >= 8) {
|
||
totalNode.active = false;
|
||
if (targetPhase === 1) {
|
||
bottomNode.active = false;
|
||
}
|
||
return;
|
||
}
|
||
|
||
bottomNode.active = true;
|
||
totalNode.active = true;
|
||
|
||
const cost = targetPhase === 1 ? this.getCostFilm() : this.getCostFilm2();
|
||
const film = Number(cc.fx.GameConfig.GM_INFO.film) || 0;
|
||
const totalLabel = totalNode.getComponent(cc.Label);
|
||
if (totalLabel) {
|
||
totalLabel.string = cost.toString();
|
||
}
|
||
|
||
const filmNode = film >= cost ? yesNode : noNode;
|
||
filmNode.active = true;
|
||
const filmLabel = filmNode.getComponent(cc.Label);
|
||
if (filmLabel) {
|
||
filmLabel.string = film.toString();
|
||
}
|
||
}
|
||
|
||
private _refreshOwnedStates() {
|
||
this._setOwnedStates(this.avatar, this.avatarData, 19);
|
||
this._setOwnedStates(this.catNode, this.catArr, 4);
|
||
}
|
||
|
||
private _setOwnedStates(container: cc.Node, ownedData: any[], idOffset: number) {
|
||
if (!container) {
|
||
return;
|
||
}
|
||
|
||
for (let i = 0; i < container.childrenCount; i++) {
|
||
const ownNode = container.children[i].getChildByName("own");
|
||
if (ownNode) {
|
||
ownNode.active = false;
|
||
}
|
||
}
|
||
|
||
if (!ownedData) {
|
||
return;
|
||
}
|
||
|
||
for (let i = 0; i < ownedData.length; i++) {
|
||
const itemIndex = Number(ownedData[i]) - idOffset;
|
||
if (itemIndex < 0 || itemIndex >= container.childrenCount) {
|
||
continue;
|
||
}
|
||
|
||
const ownNode = container.children[itemIndex].getChildByName("own");
|
||
if (ownNode) {
|
||
ownNode.active = true;
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|