Reward.ts 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
  1. import GamePlay from "../../../before/GamePlay";
  2. import { AdFun } from "../../data/AdData";
  3. import { RewardType } from "../../data/GameData";
  4. const { ccclass, property } = cc._decorator;
  5. /**
  6. * 盖子类型
  7. */
  8. enum LidType {
  9. /** 无盖子 */
  10. none = 0,
  11. /** 幸运红包盖子 */
  12. luck = 1,
  13. /** 通关红包盖子 */
  14. mission = 2
  15. }
  16. /**
  17. * 获取奖励界面-红包
  18. * @author 薛鸿潇
  19. */
  20. @ccclass
  21. export default class Reward extends cc.Component {
  22. @property({ displayName: '红包类型', type: cc.Enum(LidType), tooltip: 'none无类型,luck幸运红包,mission通关红包' })
  23. private lid_type: LidType = LidType.none;
  24. @property({ displayName: '幸运红包', type: cc.Node })
  25. private node_luck: cc.Node = null;
  26. @property({ displayName: '通关红包', type: cc.Node })
  27. private node_mission: cc.Node = null;
  28. @property({ displayName: '开红包动画', type: cc.Animation })
  29. private anim_open_redbag: cc.Animation = null;
  30. @property({ displayName: '按钮看视频', type: cc.Button })
  31. private btn_watch_video: cc.Button = null;
  32. @property({ displayName: '红包图标', type: cc.Node })
  33. private node_redBag: cc.Node = null;
  34. @property({ displayName: '金猪图标', type: cc.Node })
  35. private node_pig: cc.Node = null;
  36. @property({ displayName: '奖励数量', type: cc.Label })
  37. private lbl_reward_value: cc.Label = null;
  38. // 底部提现相关
  39. @property({ displayName: 'spr提现进度', type: cc.Sprite })
  40. private spr_cash_out: cc.Sprite = null;
  41. @property({ displayName: 'lbl提现进度', type: cc.Label })
  42. private lbl_cash_out: cc.Label = null;
  43. @property({ displayName: '提现金额', type: cc.Label })
  44. private lbl_cash: cc.Label = null;
  45. /** 当前阶段 */
  46. private cur_stage: number = LidType.none;
  47. onLoad() {
  48. this.lbl_reward_value.string = '0';
  49. // gData.reward.data = [{ rewardType: 3, rewardNum: 100 }]// 测试数据
  50. }
  51. start() {
  52. /** 盖子 */
  53. this.initLid();
  54. }
  55. update(dt) {
  56. if (gData.reward.init_cash_style) {
  57. this.initCashOutStyle();
  58. return;
  59. }
  60. if (gData.reward.adData) {
  61. // 展示奖励
  62. this.watchVideoCall();
  63. return;
  64. }
  65. }
  66. lateUpdate() {
  67. gData.reward.init_cash_style = null;
  68. gData.reward.adData = null;
  69. }
  70. /**
  71. * 初始化封面样式
  72. */
  73. private initLid() {
  74. if (this.lid_type === LidType.none) {// 无盖子样式
  75. this.node_luck.active = false;
  76. this.node_mission.active = false;
  77. this.btn_watch_video.node.active = false;
  78. this.watchVideoCall();
  79. } else if (this.lid_type === LidType.luck) {
  80. this.node_luck.active = true;
  81. this.node_mission.active = false;
  82. this.btn_watch_video.node.active = true;
  83. this.cur_stage = LidType.luck;
  84. mk.audio.playEffect("reward");
  85. } else if (this.lid_type === LidType.mission) {
  86. this.node_luck.active = false;
  87. this.node_mission.active = true;
  88. this.btn_watch_video.node.active = true;
  89. this.cur_stage = LidType.mission;
  90. mk.audio.playEffect("reward");
  91. }
  92. }
  93. /**
  94. * 底部提现相关样式
  95. */
  96. private initCashOutStyle() {
  97. const cash_bar = gData.redBagCash.cash_bar;
  98. let cash_data = gData.redBagCash.getItemDataByIndex(cash_bar);
  99. if (!cash_data) return;
  100. this.lbl_cash.string = cash_data.money + '元';
  101. this.lbl_cash_out.string = gData.gameData.gameData.redMoney + '/' + cash_data.type_value;
  102. this.spr_cash_out.fillRange = gData.gameData.gameData.redMoney / cash_data.type_value;
  103. }
  104. /**
  105. * 看广告
  106. */
  107. private clickWatchVideo() {
  108. cc.log('看广告请求');
  109. if (gData.reward.data[0] && gData.reward.data[0].rewardType === 1) {
  110. // 关卡结算视频
  111. mk.ad.watchAd((success: boolean) => {
  112. mk.console.log("watchAD:" + success);
  113. if (success) {
  114. gData.adData.watchVideo(AdFun.settlement);
  115. }
  116. });
  117. } else {
  118. // 气泡视频
  119. mk.ad.watchAd((success: boolean) => {
  120. mk.console.log("watchAD:" + success);
  121. if (success) {
  122. gData.adData.watchVideo(AdFun.bubble);
  123. }
  124. });
  125. }
  126. // 测试数据
  127. // gData.reward.adData = gData.reward.data;
  128. }
  129. /**
  130. * 看广告回调:开奖
  131. */
  132. private watchVideoCall() {
  133. if (gData.reward.adData) {
  134. gData.reward.data = gData.reward.adData;
  135. }
  136. if (!gData.reward.data || !gData.reward.data.length) return;
  137. mk.audio.playEffect("rewardOpen");
  138. this.cur_stage = LidType.none;
  139. // 数据排序:多条奖励,只展示红包,把红包放在首位
  140. const r_count = gData.reward.data.length;
  141. if (r_count >= 2) {
  142. for (let i = 0; i < r_count; i++) {
  143. if (gData.reward.data[i].rewardType === 1) {
  144. let new_data = gData.reward.data.splice(i, 1);
  145. gData.reward.data.unshift(new_data);
  146. break;
  147. }
  148. }
  149. }
  150. // 图标展示
  151. if (gData.reward.data[0].rewardType === RewardType.redBag) {
  152. this.node_redBag.active = true;
  153. this.node_pig.active = false;
  154. } else {
  155. this.node_redBag.active = false;
  156. this.node_pig.active = true;
  157. }
  158. let rewardNum = gData.reward.data[0].rewardNum || 0;
  159. this.lbl_reward_value.string = `${rewardNum}`;
  160. // 动画
  161. this.anim_open_redbag.play();
  162. this.node_luck.active = false;
  163. this.node_mission.active = false;
  164. this.btn_watch_video.node.active = false;
  165. }
  166. /**
  167. * 点击获得奖励
  168. */
  169. private clickGetReward() {
  170. cc.log('获取奖励:', gData.reward.data);
  171. gData.reward.addReward();
  172. this.flyCoinAnim();
  173. gData.reward.data = [];
  174. }
  175. /**
  176. * 提现操作
  177. */
  178. private clickCashOut() {
  179. let path = 'module/redBagCash/redBagCash';
  180. mk.ui.openPanel(path);
  181. }
  182. /**
  183. * 飞coin动画
  184. */
  185. private flyCoinAnim() {
  186. if (!gData.reward.data || !gData.reward.data.length) return;
  187. let target_node = gData.gameData.gameStyle.icon_hb;
  188. if (gData.reward.data[0].rewardType == RewardType.redBag) {
  189. target_node = gData.gameData.gameStyle.icon_hb;
  190. } else if (gData.reward.data[0].rewardType == RewardType.rmb) {
  191. // target_node = gData.gameData.gameStyle.icon_zb;
  192. } else if (gData.reward.data[0].rewardType == RewardType.pigRmb) {
  193. target_node = gData.gameData.gameStyle.icon_zb;
  194. }
  195. const end_world_pos = target_node.parent.convertToWorldSpaceAR(target_node.getPosition());
  196. const end_node_pos = gData.gameData.gameStyle.node.parent.convertToNodeSpaceAR(end_world_pos);
  197. let start_node_pos = new cc.Vec2(0, -300);
  198. mk.fly.PlayCoinAnim(gData.reward.data[0].rewardType, 10, start_node_pos, end_node_pos)
  199. }
  200. /**
  201. * 下一关操作
  202. */
  203. public clickNextMission() {
  204. GamePlay.Inst.nextLevel();
  205. }
  206. /** 点击返回 */
  207. public clickBack() {
  208. GamePlay.Inst.restart(false);//退出不扣体力
  209. GamePlay.Inst.node.active = false;
  210. }
  211. onDestroy() {
  212. if (this.cur_stage === LidType.none) {
  213. mk.audio.playEffect("rewardClose");
  214. }
  215. }
  216. }