import { _decorator, Component, Node, Vec3, tween, instantiate, Prefab, math, Label, director } from 'cc'; import { SaveDataManager } from '../LevelSystem/SaveDataManager'; import { TopBarController } from '../FourUI/TopBarController'; import EventBus, { GameEvents } from '../Core/EventBus'; const { ccclass, property } = _decorator; /** * 奖励动画系统 * 负责在关卡结束后播放金币和钻石的奖励动画 */ @ccclass('MoneyAni') export class MoneyAni extends Component { @property({ type: Prefab, tooltip: '金币预制体' }) public coinPrefab: Prefab = null; @property({ type: Prefab, tooltip: '钻石预制体' }) public diamondPrefab: Prefab = null; @property({ type: Node, tooltip: '奖励生成起始位置节点(MainUI中的奖励显示区域)' }) public rewardStartNode: Node = null; @property({ type: Node, tooltip: 'Canvas节点,用于添加动画元素' }) public canvasNode: Node = null; @property({ type: Node, tooltip: '金币目标节点(TopBar中的金币标签)' }) public coinTargetNode: Node = null; @property({ type: Node, tooltip: '钻石目标节点(TopBar中的钻石标签)' }) public diamondTargetNode: Node = null; private saveDataManager: SaveDataManager = null; onLoad() { this.saveDataManager = SaveDataManager.getInstance(); } /** * 播放奖励动画 * @param coinAmount 金币数量 * @param diamondAmount 钻石数量 * @param onComplete 动画完成回调 */ public playRewardAnimation(coinAmount: number, diamondAmount: number, onComplete?: () => void) { console.log(`[MoneyAni] 开始播放奖励动画 - 金币: ${coinAmount}, 钻石: ${diamondAmount}`); if (!this.canvasNode) { console.error('[MoneyAni] Canvas节点未设置,请在编辑器中拖拽Canvas节点到canvasNode属性'); if (onComplete) onComplete(); return; } let animationsCompleted = 0; const totalAnimations = (coinAmount > 0 ? 1 : 0) + (diamondAmount > 0 ? 1 : 0); const onAnimationComplete = () => { animationsCompleted++; if (animationsCompleted >= totalAnimations) { console.log('[MoneyAni] 所有奖励动画播放完成'); if (onComplete) onComplete(); } }; // 播放金币动画 if (coinAmount > 0) { this.playCoinAnimation(coinAmount, onAnimationComplete); } // 播放钻石动画(延迟0.2秒开始) if (diamondAmount > 0) { this.scheduleOnce(() => { this.playDiamondAnimation(diamondAmount, onAnimationComplete); }, 0.2); } // 如果没有奖励,直接调用完成回调 if (totalAnimations === 0) { if (onComplete) onComplete(); } } /** * 播放金币动画 */ private playCoinAnimation(amount: number, onComplete?: () => void) { if (!this.coinPrefab) { console.error('[MoneyAni] 金币预制体未设置'); if (onComplete) onComplete(); return; } // 使用装饰器引用的金币目标节点 if (!this.coinTargetNode) { console.error('[MoneyAni] 金币目标节点未设置,请在编辑器中拖拽TopBar中的金币标签节点'); if (onComplete) onComplete(); return; } const targetNode = this.coinTargetNode; // 生成金币数量(最多10个,超过则按比例显示) const coinCount = Math.min(amount, 10); const startPos = this.getRewardStartPosition(); console.log(`[MoneyAni] 生成${coinCount}个金币动画`); let coinsCompleted = 0; for (let i = 0; i < coinCount; i++) { // 延迟生成,创造连续效果 this.scheduleOnce(() => { this.createAndAnimateCoin(startPos, targetNode, () => { coinsCompleted++; if (coinsCompleted >= coinCount) { // 所有金币动画完成,更新数据 this.saveDataManager.addMoney(amount, 'level_reward'); // 通过事件系统通知UI更新 EventBus.getInstance().emit(GameEvents.CURRENCY_CHANGED); if (onComplete) onComplete(); } }); }, i * 0.1); } } /** * 播放钻石动画 */ private playDiamondAnimation(amount: number, onComplete?: () => void) { if (!this.diamondPrefab) { console.error('[MoneyAni] 钻石预制体未设置'); if (onComplete) onComplete(); return; } // 使用装饰器引用的钻石目标节点 if (!this.diamondTargetNode) { console.error('[MoneyAni] 钻石目标节点未设置,请在编辑器中拖拽TopBar中的钻石标签节点'); if (onComplete) onComplete(); return; } const targetNode = this.diamondTargetNode; // 生成钻石数量(最多5个) const diamondCount = Math.min(amount, 5); const startPos = this.getRewardStartPosition(); console.log(`[MoneyAni] 生成${diamondCount}个钻石动画`); let diamondsCompleted = 0; for (let i = 0; i < diamondCount; i++) { // 延迟生成 this.scheduleOnce(() => { this.createAndAnimateDiamond(startPos, targetNode, () => { diamondsCompleted++; if (diamondsCompleted >= diamondCount) { // 所有钻石动画完成,更新数据 this.saveDataManager.addDiamonds(amount, 'level_reward'); // 通过事件系统通知UI更新 EventBus.getInstance().emit(GameEvents.CURRENCY_CHANGED); if (onComplete) onComplete(); } }); }, i * 0.15); } } /** * 创建并播放单个金币动画 */ private createAndAnimateCoin(startPos: Vec3, targetNode: Node, onComplete?: () => void) { const coinNode = instantiate(this.coinPrefab); this.canvasNode.addChild(coinNode); // 设置初始位置 coinNode.setWorldPosition(startPos); // 生成随机散开位置 const scatterPos = this.getScatterPosition(startPos); // 获取目标世界位置 const targetWorldPos = new Vec3(); targetNode.getWorldPosition(targetWorldPos); // 动画序列:散开 -> 飞向目标 tween(coinNode) // 第一阶段:散开(带旋转和缩放) .parallel( tween().to(0.3, { worldPosition: scatterPos }, { easing: 'quadOut' }), tween().to(0.3, { scale: new Vec3(1.2, 1.2, 1.2) }, { easing: 'quadOut' }), tween().by(0.3, { eulerAngles: new Vec3(0, 0, 180) }) ) // 短暂停留 .delay(0.1) // 第二阶段:飞向目标(带缩小和旋转) .parallel( tween().to(0.5, { worldPosition: targetWorldPos }, { easing: 'quadIn' }), tween().to(0.5, { scale: new Vec3(0.3, 0.3, 0.3) }, { easing: 'quadIn' }), tween().by(0.5, { eulerAngles: new Vec3(0, 0, 360) }) ) .call(() => { // 动画完成,销毁节点 coinNode.destroy(); if (onComplete) onComplete(); }) .start(); } /** * 创建并播放单个钻石动画 */ private createAndAnimateDiamond(startPos: Vec3, targetNode: Node, onComplete?: () => void) { const diamondNode = instantiate(this.diamondPrefab); this.canvasNode.addChild(diamondNode); // 设置初始位置 diamondNode.setWorldPosition(startPos); // 生成随机散开位置 const scatterPos = this.getScatterPosition(startPos); // 获取目标世界位置 const targetWorldPos = new Vec3(); targetNode.getWorldPosition(targetWorldPos); // 动画序列:散开 -> 飞向目标 tween(diamondNode) // 第一阶段:散开(带旋转和缩放) .parallel( tween().to(0.4, { worldPosition: scatterPos }, { easing: 'quadOut' }), tween().to(0.4, { scale: new Vec3(1.3, 1.3, 1.3) }, { easing: 'quadOut' }), tween().by(0.4, { eulerAngles: new Vec3(0, 0, -180) }) ) // 短暂停留 .delay(0.15) // 第二阶段:飞向目标(带缩小和旋转) .parallel( tween().to(0.6, { worldPosition: targetWorldPos }, { easing: 'quadIn' }), tween().to(0.6, { scale: new Vec3(0.4, 0.4, 0.4) }, { easing: 'quadIn' }), tween().by(0.6, { eulerAngles: new Vec3(0, 0, -360) }) ) .call(() => { // 动画完成,销毁节点 diamondNode.destroy(); if (onComplete) onComplete(); }) .start(); } /** * 获取奖励生成起始位置 */ private getRewardStartPosition(): Vec3 { if (this.rewardStartNode) { const worldPos = new Vec3(); this.rewardStartNode.getWorldPosition(worldPos); return worldPos; } // 默认位置(屏幕中央偏下) return new Vec3(0, -200, 0); } /** * 获取散开位置 */ private getScatterPosition(startPos: Vec3): Vec3 { const scatterRadius = 150; // 散开半径 const angle = math.randomRange(0, Math.PI * 2); // 随机角度 const distance = math.randomRange(50, scatterRadius); // 随机距离 return new Vec3( startPos.x + Math.cos(angle) * distance, startPos.y + Math.sin(angle) * distance, startPos.z ); } /** * 静态方法:播放奖励动画(需要传入实例) * @param moneyAniInstance MoneyAni组件实例 * @param coinAmount 金币数量 * @param diamondAmount 钻石数量 * @param onComplete 完成回调 */ public static playRewardWithInstance(moneyAniInstance: MoneyAni, coinAmount: number, diamondAmount: number, onComplete?: () => void) { if (!moneyAniInstance) { console.error('[MoneyAni] MoneyAni实例为空,请传入有效的MoneyAni组件实例'); if (onComplete) onComplete(); return; } moneyAniInstance.playRewardAnimation(coinAmount, diamondAmount, onComplete); } /** * 静态方法:播放奖励动画(简化版本) * 自动查找场景中的MoneyAni组件 * @param coinAmount 金币数量 * @param diamondAmount 钻石数量 * @param onComplete 完成回调 */ public static playReward(coinAmount: number, diamondAmount: number, onComplete?: () => void) { // 尝试从director获取场景中的MoneyAni组件 const scene = director.getScene(); if (!scene) { console.error('[MoneyAni] 无法获取当前场景'); if (onComplete) onComplete(); return; } // 递归查找MoneyAni组件 const findMoneyAni = (node: Node): MoneyAni | null => { const moneyAni = node.getComponent(MoneyAni); if (moneyAni) return moneyAni; for (const child of node.children) { const result = findMoneyAni(child); if (result) return result; } return null; }; const moneyAni = findMoneyAni(scene); if (!moneyAni) { console.error('[MoneyAni] 场景中未找到MoneyAni组件,请确保场景中存在MoneyAni组件'); if (onComplete) onComplete(); return; } moneyAni.playRewardAnimation(coinAmount, diamondAmount, onComplete); } /** * 根据关卡配置播放奖励动画 */ public async playLevelReward(level: number, onComplete?: () => void) { try { const rewards = await this.saveDataManager.getLevelRewardsFromConfig(level); if (rewards) { this.playRewardAnimation(rewards.coins, rewards.diamonds, onComplete); } else { console.warn(`[MoneyAni] 无法获取关卡${level}的奖励配置,使用默认奖励`); // 使用默认奖励 this.playRewardAnimation(50, 5, onComplete); } } catch (error) { console.error('[MoneyAni] 获取关卡奖励配置时出错:', error); // 使用默认奖励 this.playRewardAnimation(50, 5, onComplete); } } }