578 lines
21 KiB
TypeScript
578 lines
21 KiB
TypeScript
import NumberToImage from "../../Script/NumberToImage";
|
||
|
||
const { ccclass, property } = cc._decorator;
|
||
|
||
@ccclass
|
||
export default class PassCheckItem extends cc.Component {
|
||
@property(cc.Prefab)
|
||
passCheckItemLvPrefab: cc.Prefab = null;
|
||
|
||
@property(cc.Sprite)
|
||
leftReward: cc.Sprite = null;
|
||
@property(cc.Sprite)
|
||
rightReward: cc.Sprite = null;
|
||
@property(cc.Node)
|
||
leftNum: cc.Node = null;
|
||
@property(cc.Node)
|
||
rightNum: cc.Node = null;
|
||
|
||
@property(cc.SpriteAtlas)
|
||
texture_atlas: cc.SpriteAtlas = null;
|
||
|
||
// 添加更多图集属性
|
||
@property(cc.SpriteAtlas)
|
||
newUserAtlas: cc.SpriteAtlas = null;
|
||
|
||
// @property(cc.SpriteAtlas)
|
||
// textureAtlas1: cc.SpriteAtlas = null;
|
||
|
||
@property(cc.SpriteAtlas)
|
||
uiAtlas: cc.SpriteAtlas = null;
|
||
|
||
// 数据
|
||
private data: any = null;
|
||
private itemIndex: number = 0;
|
||
private isUIInitialized: boolean = false;
|
||
// 1001 金币 2001 锤子 2003 魔棒 3001 15分钟无限体力 3002 30分钟 3003 1小时 3004 2小时 3005 3小时
|
||
// 添加物品ID到图片名称的映射
|
||
private itemImageMap: { [key: number]: { imageName: string, atlas: string } } = {
|
||
1001: { imageName: "coins4", atlas: "texture_atlas" }, // shop/img/texture_atlas-1
|
||
2001: { imageName: "iceb", atlas: "newUserAtlas" }, // action_bundle/img/newUser
|
||
2002: { imageName: "chuizi", atlas: "newUserAtlas" }, // action_bundle/img/newUser
|
||
2003: { imageName: "starb", atlas: "newUserAtlas" }, // action_bundle/img/newUser
|
||
3001: { imageName: "skylineHealth", atlas: "uiAtlas" }, // UI/UI/
|
||
3002: { imageName: "skylineHealth", atlas: "uiAtlas" }, // UI/UI/
|
||
3003: { imageName: "skylineHealth", atlas: "uiAtlas" }, // UI/UI/ skylineHealth
|
||
// 可以继续添加更多物品ID和对应图片的映射
|
||
};
|
||
private numImgmap: { [key: number]: { imageName: string, atlas: string } } = {
|
||
3001: { imageName: "15", atlas: "uiAtlas" },
|
||
3002: { imageName: "30min", atlas: "texture_atlas" },
|
||
3003: { imageName: "1h", atlas: "texture_atlas" },
|
||
}
|
||
|
||
init(data: any, index: number) {
|
||
this.data = data;
|
||
this.itemIndex = index;
|
||
|
||
|
||
console.log("111111")
|
||
|
||
this.updateUI();
|
||
}
|
||
initUI() {
|
||
if (!this.data) {
|
||
return;
|
||
}
|
||
|
||
// 防止重复初始化
|
||
if (this.isUIInitialized) {
|
||
return;
|
||
}
|
||
|
||
// 处理passCheckItemLv prefab的实例化
|
||
if (this.passCheckItemLvPrefab) {
|
||
// 实例化并添加新的prefab
|
||
const itemLvNode = cc.instantiate(this.passCheckItemLvPrefab);
|
||
itemLvNode.parent = this.node.parent;
|
||
itemLvNode.setPosition(this.node.x, this.node.y);
|
||
itemLvNode.zIndex = 2;
|
||
let bright_bg = itemLvNode.getChildByName("bright_bg").getComponent(cc.Sprite);
|
||
|
||
let levelNum = itemLvNode.getChildByName("levelNum");
|
||
let lvNum = this.itemIndex + 1
|
||
NumberToImage.numberToImageNodes(lvNum, 43, 15, "tili_", levelNum, true);
|
||
if (lvNum == 1 || (lvNum >= 10 && lvNum <= 19)) {
|
||
levelNum.x -= 5;
|
||
}
|
||
if (this.data.free === -1) {
|
||
// 未激活状态
|
||
if (this.uiAtlas) {
|
||
const spriteFrame = this.uiAtlas.getSpriteFrame("no_bright_bg");
|
||
if (spriteFrame) {
|
||
bright_bg.spriteFrame = spriteFrame;
|
||
}
|
||
cc.fx.GameTool.setGray(levelNum, true)
|
||
}
|
||
} else {
|
||
// 已激活状态
|
||
if (this.uiAtlas) {
|
||
const spriteFrame = this.uiAtlas.getSpriteFrame("bright_bg");
|
||
if (spriteFrame) {
|
||
bright_bg.spriteFrame = spriteFrame;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
// 初始化按钮点击事件（只执行一次）
|
||
this.setupButtonEvents();
|
||
|
||
// 标记UI已初始化
|
||
this.isUIInitialized = true;
|
||
|
||
// 首次更新UI
|
||
this.updateUI();
|
||
}
|
||
|
||
// 专门用于设置按钮事件的方法
|
||
private setupButtonEvents() {
|
||
let node1 = this.node.getChildByName("leftNode");
|
||
let node2 = this.node.getChildByName("rightNode");
|
||
|
||
if (node1) {
|
||
let getBtn = node1.getChildByName("getBtn");
|
||
if (getBtn) {
|
||
getBtn.on('click', () => {
|
||
this.onGetRewardClicked(node1);
|
||
}, this);
|
||
}
|
||
}
|
||
|
||
if (node2) {
|
||
let getBtn = node2.getChildByName("getBtn");
|
||
if (getBtn) {
|
||
getBtn.on('click', () => {
|
||
this.onGetRewardClicked(node2);
|
||
}, this);
|
||
}
|
||
}
|
||
}
|
||
|
||
updateUI() {
|
||
if (!this.data) {
|
||
return;
|
||
}
|
||
|
||
// 根据数据更新界面元素
|
||
let node1 = this.node.getChildByName("leftNode");
|
||
let node2 = this.node.getChildByName("rightNode");
|
||
|
||
if (this.data.ItemID1 !== undefined && this.data.ItemNum1 !== undefined) {
|
||
this.updateItemInfo(this.data.ItemID1, this.data.ItemNum1, node1, this.data.free);
|
||
}
|
||
if (this.data.ItemID2 !== undefined && this.data.ItemNum2 !== undefined) {
|
||
this.updateItemInfo(this.data.ItemID2, this.data.ItemNum2, node2, this.data.passCheck);
|
||
}
|
||
if (this.data.free !== undefined) {
|
||
this.updateRewardState(this.data.free, node1);
|
||
}
|
||
if (this.data.passCheck !== undefined) {
|
||
this.updateRewardState(this.data.passCheck, node2);
|
||
}
|
||
}
|
||
updateRewardState(itemData: any, targetNode: cc.Node) {
|
||
// 更新免费状态的UI 0已领 1 未领
|
||
let getSpr = targetNode.getChildByName("get")
|
||
let getBtn = targetNode.getChildByName("getBtn")
|
||
let lock = targetNode.getChildByName("lock")
|
||
let activate = cc.fx.GameConfig.GM_INFO.passCheckActivate
|
||
|
||
if (lock) {
|
||
lock.active = false;
|
||
}
|
||
|
||
if (itemData === 1) {
|
||
getSpr.active = false;
|
||
getBtn.active = true;
|
||
|
||
if (lock && activate == false) {
|
||
lock.active = true;
|
||
getBtn.active = false;
|
||
}
|
||
} else if (itemData === 0) {
|
||
getSpr.active = true;
|
||
getBtn.active = false;
|
||
this.setNodeGray(targetNode)
|
||
} else {
|
||
if (lock && activate == false) {
|
||
lock.active = true;
|
||
}
|
||
getSpr.active = false;
|
||
getBtn.active = false;
|
||
}
|
||
}
|
||
|
||
|
||
updateItemInfo(itemID: number, itemNum: number, node: cc.Node, itemData: any) {
|
||
// 更新物品信息的UI
|
||
// console.log("Item info:", itemID, itemNum);
|
||
|
||
// 根据物品ID获取对应的图片名称和图集信息
|
||
const imageInfo = this.itemImageMap[itemID];
|
||
let freeRewardNode = node.getChildByName("freeReward");
|
||
let freeReward: cc.Sprite = null;
|
||
|
||
if (freeRewardNode) {
|
||
freeReward = freeRewardNode.getComponent(cc.Sprite);
|
||
}
|
||
|
||
if (imageInfo) {
|
||
// console.log(`Loading image for item ${itemID}: ${imageInfo.imageName} from atlas ${imageInfo.atlas}`);
|
||
|
||
// 根据图集名称获取对应的图集
|
||
let targetAtlas: cc.SpriteAtlas = null;
|
||
switch (imageInfo.atlas) {
|
||
case "texture_atlas":
|
||
targetAtlas = this.texture_atlas;
|
||
break;
|
||
case "newUserAtlas":
|
||
targetAtlas = this.newUserAtlas;
|
||
break;
|
||
case "uiAtlas":
|
||
targetAtlas = this.uiAtlas;
|
||
break;
|
||
default:
|
||
console.warn(`Unknown atlas: ${imageInfo.atlas}`);
|
||
break;
|
||
}
|
||
|
||
// 加载对应的图片资源
|
||
if (targetAtlas && freeReward) {
|
||
const spriteFrame = targetAtlas.getSpriteFrame(imageInfo.imageName);
|
||
if (spriteFrame) {
|
||
freeReward.spriteFrame = spriteFrame;
|
||
let imgScale = 1;
|
||
switch (itemID) {
|
||
case 1001:
|
||
imgScale = 1;
|
||
break;
|
||
case 2001:
|
||
imgScale = 0.7;
|
||
break;
|
||
case 2002:
|
||
imgScale = 0.6;
|
||
break;
|
||
case 2003:
|
||
imgScale = 0.6;
|
||
break;
|
||
default:
|
||
imgScale = 1.1;
|
||
break;
|
||
}
|
||
freeRewardNode.scale = imgScale;
|
||
} else {
|
||
console.warn(`Sprite frame ${imageInfo.imageName} not found in atlas ${imageInfo.atlas}`);
|
||
}
|
||
} else {
|
||
|
||
// console.log("默认图片");
|
||
}
|
||
} else {
|
||
console.warn(`No image found for item ID: ${itemID}`);
|
||
// 使用默认图片
|
||
}
|
||
|
||
let addTiem = node.getChildByName("addTiem");
|
||
addTiem.active = false;
|
||
let num1 = node.getChildByName("num_1");
|
||
let num_x = node.getChildByName("num_x");
|
||
num1.active = false;
|
||
num_x.active = false;
|
||
if ([3001, 3002, 3003].includes(itemID) && addTiem) {
|
||
addTiem.active = true;
|
||
const numImageInfo = this.numImgmap[itemID];
|
||
if (numImageInfo) {
|
||
let targetAtlas: cc.SpriteAtlas = null;
|
||
switch (numImageInfo.atlas) {
|
||
case "texture_atlas":
|
||
targetAtlas = this.texture_atlas;
|
||
break;
|
||
case "uiAtlas":
|
||
targetAtlas = this.uiAtlas;
|
||
break;
|
||
default:
|
||
console.warn(`Unknown atlas for num image: ${numImageInfo.atlas}`);
|
||
break;
|
||
}
|
||
|
||
if (targetAtlas) {
|
||
const spriteFrame = targetAtlas.getSpriteFrame(numImageInfo.imageName);
|
||
if (spriteFrame) {
|
||
let numSprite = addTiem.getComponent(cc.Sprite);
|
||
if (numSprite) {
|
||
numSprite.spriteFrame = spriteFrame;
|
||
}
|
||
} else {
|
||
console.warn(`Sprite frame ${numImageInfo.imageName} not found in atlas ${numImageInfo.atlas}`);
|
||
}
|
||
}
|
||
}
|
||
} else {
|
||
num1.active = true;
|
||
num_x.active = true;
|
||
NumberToImage.numberToImageNodes(itemNum, 50, 25, "pc_num_", num1, true);
|
||
if (itemData === 0) {
|
||
this.setNodeGray(num1)
|
||
this.setNodeGray(num_x)
|
||
}
|
||
num1.scale = 0.8;
|
||
// num_x.scale = 2;
|
||
// console.log("num1:", num_x, num1);
|
||
if (num_x && num1) {
|
||
// 计算数值的位数
|
||
const digitCount = itemNum.toString().length;
|
||
const offset = Math.max(0, digitCount);
|
||
const num_xWidth = num_x.width;
|
||
if (digitCount == 4) {
|
||
num_x.x = num1.x - (offset - 1) * num_xWidth - 20;
|
||
} else if (digitCount == 3) {
|
||
num_x.x = num1.x - offset * num_xWidth;
|
||
}
|
||
// console.log("digitCount:", digitCount);
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
updateItem(data: any, index: number) {
|
||
// 在这里处理数据更新
|
||
// console.log("Updating item with data:", data, "at index:", index);
|
||
// 你的数据更新逻辑
|
||
this.data = data;
|
||
this.itemIndex = index;
|
||
this.initUI();
|
||
}
|
||
|
||
// 数据改变时调用
|
||
public dataChanged() {
|
||
// console.log("Data changed, updating UI");
|
||
console.log("222222")
|
||
this.updateUI();
|
||
}
|
||
|
||
// 组件生命周期函数
|
||
protected onLoad() {
|
||
this.isUIInitialized = false;
|
||
}
|
||
|
||
protected start() {
|
||
// console.log("PassCheckItem component started");
|
||
}
|
||
// updateListItem(data) {
|
||
// console.log("更新列表数据", data)
|
||
// }
|
||
private onGetRewardClicked(targetNode: cc.Node) {
|
||
console.log("领取奖励按钮被点击", targetNode.name);
|
||
|
||
// 确定是左侧还是右侧的奖励
|
||
let isLeftReward = targetNode.name === "leftNode";
|
||
|
||
// 获取对应的物品ID和数量
|
||
let itemId = isLeftReward ? this.data.ItemID1 : this.data.ItemID2;
|
||
let itemNum = isLeftReward ? this.data.ItemNum1 : this.data.ItemNum2;
|
||
|
||
console.log("领取物品:", itemId, "数量:", itemNum);
|
||
|
||
// 调用领取奖励方法
|
||
this.claimReward(itemId, itemNum, isLeftReward);
|
||
}
|
||
|
||
private claimReward(itemId: number, itemNum: number, isLeftReward: boolean) {
|
||
// 根据物品ID处理不同类型的奖励
|
||
|
||
cc.fx.GameTool.getPassCheckPorp(itemId, itemNum, false)
|
||
|
||
// 更新本地状态
|
||
// this.updateLocalRewardState(isLeftReward);
|
||
|
||
// 更新UI显示
|
||
this.updateRewardUIAfterClaim(isLeftReward);
|
||
|
||
|
||
// 发送统计事件
|
||
// this.sendClaimEvent(itemId, itemNum);
|
||
const canvasTemp = cc.find("Canvas"); // 假设 Canvas 节点
|
||
console.log("领取奖励", canvasTemp.name);
|
||
if (canvasTemp) {
|
||
const JiaZai = canvasTemp.getComponent("JiaZai");
|
||
if (JiaZai) {
|
||
console.log("更新主界面数据")
|
||
// if (shuju.coin > 0) {
|
||
// JiaZai.updateCoin();
|
||
// }
|
||
// if (shuju.infinite_health > 0) {
|
||
// JiaZai.updatePower();
|
||
// }
|
||
switch (itemId) {
|
||
case 1001: // 金币
|
||
// this.claimCoins(itemNum);
|
||
JiaZai.updateCoin();
|
||
break;
|
||
case 2001: // 冰冻道具
|
||
// this.claimFreezeProp(itemNum);
|
||
break;
|
||
case 2002: // 锤子道具
|
||
// this.claimHammerProp(itemNum);
|
||
break;
|
||
case 2003: // 魔棒道具
|
||
// this.claimMagicProp(itemNum);
|
||
break;
|
||
default:
|
||
// console.warn("未知的物品ID:", itemId);
|
||
// this.claimInfiniteHealth(itemNum, itemId);
|
||
JiaZai.updatePower();
|
||
break;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
private claimInfiniteHealth(amount: number, itemId: number) {
|
||
// cc.fx.GameTool.setUserPowerTime(amount);// 900 15分钟 1800 30分钟 3600 60分钟
|
||
|
||
}
|
||
|
||
// 领取金币
|
||
// private claimCoins(amount: number) {
|
||
// // cc.fx.GameTool.getPassCheckPorp()
|
||
// console.log("领取金币:", amount, "当前总金币:", cc.fx.GameConfig.GM_INFO.coin);
|
||
|
||
// }
|
||
|
||
// 领取冰冻
|
||
// private claimFreezeProp(amount: number) {
|
||
// cc.fx.GameConfig.GM_INFO.freezeAmount += amount;
|
||
// console.log("领取冰冻道具:", amount, "当前总数:", cc.fx.GameConfig.GM_INFO.freezeAmount);
|
||
|
||
// // // 更新本地存储
|
||
// // cc.fx.StorageMessage.setStorage("freezeAmount", cc.fx.GameConfig.GM_INFO.freezeAmount);
|
||
|
||
// // // 更新游戏中的道具显示
|
||
// // cc.systemEvent.emit('prop-updated', 'freeze', cc.fx.GameConfig.GM_INFO.freezeAmount);
|
||
// // const timestamp = Date.now();
|
||
// // let propInfo = cc.fx.StorageMessage.getStorage("prop");
|
||
// // propInfo.freezeAmount = cc.fx.GameConfig.GM_INFO.freezeAmount;
|
||
// // propInfo.timestamp = timestamp;
|
||
// // cc.fx.StorageMessage.setStorage("prop", propInfo);
|
||
|
||
// cc.fx.GameTool.setUserProp(2001, cc.fx.GameConfig.GM_INFO.freezeAmount, (data) => {
|
||
// })
|
||
// let data = {
|
||
// change_reason: "通行证",
|
||
// id: "2001",
|
||
// num: amount
|
||
// }
|
||
// cc.fx.GameTool.shushu_Track("resource_cost", data);
|
||
|
||
|
||
// }
|
||
|
||
//领取锤子道具
|
||
|
||
// private claimHammerProp(amount: number) {
|
||
// cc.fx.GameConfig.GM_INFO.hammerAmount += amount;
|
||
// console.log("领取锤子道具:", amount, "当前总数:", cc.fx.GameConfig.GM_INFO.hammerAmount);
|
||
|
||
// // // 更新本地存储
|
||
// // cc.fx.StorageMessage.setStorage("hammerAmount", cc.fx.GameConfig.GM_INFO.hammerAmount);
|
||
|
||
// // // 更新游戏中的道具显示
|
||
// // cc.systemEvent.emit('prop-updated', 'hammer', cc.fx.GameConfig.GM_INFO.hammerAmount);
|
||
// cc.fx.GameTool.setUserProp(2002, cc.fx.GameConfig.GM_INFO.hammerAmount, (data) => {
|
||
// })
|
||
// let data = {
|
||
// change_reason: "通行证",
|
||
// id: "2002",
|
||
// num: amount
|
||
// }
|
||
// cc.fx.GameTool.shushu_Track("resource_cost", data);
|
||
// }
|
||
|
||
//领取魔棒道具
|
||
|
||
// private claimMagicProp(amount: number) {
|
||
// cc.fx.GameConfig.GM_INFO.magicAmount += amount;
|
||
// console.log("领取魔棒道具:", amount, "当前总数:", cc.fx.GameConfig.GM_INFO.magicAmount);
|
||
|
||
// // // 更新本地存储
|
||
// // cc.fx.StorageMessage.setStorage("magicAmount", cc.fx.GameConfig.GM_INFO.magicAmount);
|
||
|
||
// // // 更新游戏中的道具显示
|
||
// // cc.systemEvent.emit('prop-updated', 'magic', cc.fx.GameConfig.GM_INFO.magicAmount);
|
||
// cc.fx.GameTool.setUserProp(2002, cc.fx.GameConfig.GM_INFO.magicAmount, (data) => {
|
||
// })
|
||
// let data = {
|
||
// change_reason: "通行证",
|
||
// id: "2003",
|
||
// num: amount
|
||
// }
|
||
// cc.fx.GameTool.shushu_Track("resource_cost", data);
|
||
// }
|
||
|
||
// 更新本地奖励状态
|
||
// private updateLocalRewardState(isLeftReward: boolean) {
|
||
// cc.systemEvent.emit('reward-claimed', this.itemIndex, isLeftReward);
|
||
// }
|
||
|
||
private updateRewardUIAfterClaim(isLeftReward: boolean) {
|
||
let targetNode = isLeftReward ?
|
||
this.node.getChildByName("leftNode") :
|
||
this.node.getChildByName("rightNode");
|
||
|
||
let num1 = targetNode.getChildByName("num_1");
|
||
let num_x = targetNode.getChildByName("num_x");
|
||
console.log("更新奖励UI:", isLeftReward);
|
||
if (targetNode) {
|
||
let getSpr = targetNode.getChildByName("get");
|
||
let getBtn = targetNode.getChildByName("getBtn");
|
||
|
||
if (getSpr && getBtn) {
|
||
getSpr.active = true;
|
||
getBtn.active = false;
|
||
this.setNodeGray(targetNode);
|
||
this.setNodeGray(num1);
|
||
}
|
||
}
|
||
this.updateRewardStateOnServer(isLeftReward);
|
||
}
|
||
|
||
private updateRewardStateOnServer(isLeftReward: boolean) {
|
||
console.log("更新奖励状态:", isLeftReward);
|
||
// 通知父组件更新服务器数据
|
||
// cc.systemEvent.emit('passcheck-reward-claimed', this.itemIndex, isLeftReward);
|
||
|
||
console.log("更新奖励状态:", isLeftReward);
|
||
|
||
// 向上循环查找 passCheckMgr 组件，最多5次
|
||
// let currentNode = this.node;
|
||
// let parentCount = 0;
|
||
// let passCheckMgr = null;
|
||
|
||
// for (let i = 0; i < 5; i++) {
|
||
// parentCount++;
|
||
// if (currentNode.parent) {
|
||
// currentNode = currentNode.parent;
|
||
// console.log(`查找第${parentCount}层父节点: ${currentNode.name}`);
|
||
|
||
// // 检查当前节点是否有 passCheckMgr 组件
|
||
// passCheckMgr = currentNode.getComponent('passCheckMgr');
|
||
// if (passCheckMgr) {
|
||
// console.log(`找到 passCheckMgr 组件，需要 ${parentCount} 个 .parent`);
|
||
// break;
|
||
// }
|
||
// } else {
|
||
// console.log(`第${parentCount}层父节点不存在`);
|
||
// break;
|
||
// }
|
||
// }
|
||
|
||
|
||
let passCheckMgr = this.node.parent.parent.parent.parent.getComponent('passCheckMgr');
|
||
if (passCheckMgr && typeof passCheckMgr.updateRewardStatus === 'function') {
|
||
console.log("更新奖励状态到服务器:", this.itemIndex, isLeftReward);
|
||
passCheckMgr.updatePassCheckStatus(this.itemIndex, isLeftReward);
|
||
}
|
||
}
|
||
|
||
private setNodeGray(node: cc.Node, color?: cc.Color) {
|
||
let setColor = color || cc.color(190, 190, 190, 255);
|
||
for (let i = 0; i < node.children.length; i++) {
|
||
// console.log("设置子节点颜色", node.children[i]);
|
||
node.children[i].color = setColor;
|
||
}
|
||
}
|
||
} |