Reward.ts 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  1. import GamePlay from "../../../before/GamePlay";
  2. import { AdFun } from "../../data/AdData";
  3. import { GameProp, 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.Sprite })
  33. private node_coin: cc.Sprite = null;
  34. @property({ displayName: '奖励数量', type: cc.Label })
  35. private lbl_reward_value: cc.Label = null;
  36. @property({ displayName: '星星闪闪效果', type: cc.Node })
  37. private hb_star: cc.Node = null;
  38. @property({ displayName: '关闭按钮', type: cc.Node })
  39. private btn_close: cc.Node = null;
  40. @property({ displayName: '金猪币节点', type: cc.Node })
  41. private node_pig: cc.Node = null;
  42. @property({ displayName: '货币图标', type: cc.Sprite })
  43. private node_coin1: cc.Sprite = null;
  44. @property({ displayName: '奖励数量', type: cc.Label })
  45. private lbl_reward_value1: cc.Label = null;
  46. // 底部提现相关
  47. @property({ displayName: 'spr提现进度', type: cc.Sprite })
  48. private spr_cash_out: cc.Sprite = null;
  49. @property({ displayName: 'lbl提现进度', type: cc.Label })
  50. private lbl_cash_out: cc.Label = null;
  51. @property({ displayName: '提现金额', type: cc.Label })
  52. private lbl_cash: cc.Label = null;
  53. @property({ displayName: '提现按钮', type: cc.Animation })
  54. private node_cash: cc.Animation = null;
  55. /** 当前阶段 */
  56. private cur_stage: number = LidType.none;
  57. /** 是否看广告 */
  58. private hasWatchVideo = false;
  59. onLoad() {
  60. this.hb_star.active = false;
  61. this.hasWatchVideo = false;
  62. this.lbl_reward_value.string = '0';
  63. // gData.reward.data = [{ rewardType: 3, rewardNum: 100 }]// 测试数据
  64. }
  65. start() {
  66. mk.ad.showBanner();
  67. mk.ad.checkShowInterByChance();
  68. /** 盖子 */
  69. this.initLid();
  70. // gData.gameData.gameData.redMoney = 1500;// 测试数据
  71. this.initCashOutStyle(gData.gameData.gameData.redMoney);
  72. }
  73. update(dt) {
  74. if (gData.reward.add_redbag_value) {
  75. this.initCashOutStyle(gData.gameData.gameData.redMoney + gData.reward.add_redbag_value);
  76. }
  77. if (gData.reward.adData) {
  78. // 展示奖励
  79. this.watchVideoCall();
  80. this.hasWatchVideo = true;
  81. return;
  82. }
  83. }
  84. lateUpdate() {
  85. gData.reward.add_redbag_value = 0;
  86. gData.reward.adData = null;
  87. }
  88. /**
  89. * 初始化封面样式
  90. */
  91. private initLid() {
  92. if (this.lid_type === LidType.none) {// 无盖子样式
  93. this.node_luck.active = false;
  94. this.node_mission.active = false;
  95. this.btn_watch_video.node.active = false;
  96. this.watchVideoCall();
  97. } else if (this.lid_type === LidType.luck) {
  98. this.node_luck.active = true;
  99. this.node_mission.active = false;
  100. this.btn_watch_video.node.active = true;
  101. this.cur_stage = LidType.luck;
  102. mk.audio.playEffect("reward");
  103. } else if (this.lid_type === LidType.mission) {
  104. this.node_luck.active = false;
  105. this.node_mission.active = true;
  106. this.btn_watch_video.node.active = true;
  107. this.cur_stage = LidType.mission;
  108. mk.audio.playEffect("reward");
  109. }
  110. }
  111. /**
  112. * 底部提现相关样式
  113. */
  114. private initCashOutStyle(redMoney: number = 0) {
  115. const cash_bar = gData.redBagCash.cash_bar;
  116. let cash_data = gData.redBagCash.getItemDataByIndex(cash_bar);
  117. if (!cash_data) return;
  118. const newRedMoney = redMoney > cash_data.type_value ? cash_data.type_value : redMoney;
  119. this.lbl_cash.string = cash_data.money / 100 + '元';
  120. this.lbl_cash_out.string = newRedMoney + '/' + cash_data.type_value;
  121. const fillRange = newRedMoney / cash_data.type_value >= 1 ? 1 : newRedMoney / cash_data.type_value;
  122. // this.spr_cash_out.fillRange = fillRange;
  123. cc.tween(this.spr_cash_out).to(fillRange, { fillRange: fillRange }).start();
  124. if (redMoney >= cash_data.type_value) {
  125. this.node_cash.play();
  126. } else {
  127. this.node_cash.stop();
  128. }
  129. }
  130. /**
  131. * 看广告
  132. */
  133. private async clickWatchVideo() {
  134. cc.log('看广告请求');
  135. if (gData.gameData.gameData.isFirstRedMoney) {
  136. gData.gameData.gameData.isFirstRedMoney = 0;
  137. // 用户第一次看此视频时,可不需要看直接领取奖励
  138. let response = await mk.http.sendData('getFreeRedMoney', {});
  139. if (response.errcode != 0) {
  140. mk.tip.pop(response.errmsg);
  141. return;
  142. }
  143. gData.reward.adData = {}
  144. gData.reward.adData.videoRedMoney = {}
  145. gData.reward.adData.videoRedMoney.videoRewardList = [{ rewardType: RewardType.redBag, rewardNum: response.data.freeRedMoney }]
  146. return;
  147. }
  148. if (this.lid_type === LidType.mission) {
  149. // 关卡结算红包
  150. mk.ad.watchAd((success: boolean,request_id: string) => {
  151. mk.console.log("watchAD:" + success);
  152. if (success) {
  153. gData.adData.watchVideo(AdFun.settlement,request_id);
  154. this.clickNextMission();
  155. }
  156. });
  157. } else {
  158. mk.ad.watchAd((success: boolean,request_id: string) => {
  159. mk.console.log("watchAD:" + success);
  160. if (success) {
  161. gData.adData.watchVideo(gData.reward.subType === 2 ? AdFun.checkpoint : AdFun.bubble,request_id);
  162. //FC:不需要置空
  163. // gData.reward.subType = null;
  164. }
  165. });
  166. }
  167. // gData.reward.adData = {}
  168. // gData.reward.adData.videoRedMoney = {}
  169. // gData.reward.adData.videoRedMoney.videoRewardList = [{ rewardType: 3, rewardNum: 1000 }, { rewardType: 1, rewardNum: 1000 }]// 测试数据
  170. }
  171. /**
  172. * 看广告回调:开奖
  173. */
  174. private async watchVideoCall() {
  175. if (gData.reward.adData) {
  176. // 气泡视频奖励 通关视频奖励
  177. // gData.reward.adData.videoRedMoney.videoRewardList = [{ rewardType: 3, rewardNum: 1000 }, { rewardType: 1, rewardNum: 1000 }]// 测试数据
  178. gData.reward.data = gData.reward.adData.videoRedMoney.videoRewardList;
  179. }
  180. if (!gData.reward.data || !gData.reward.data.length) return;
  181. this.btn_close && (this.btn_close.active = false);
  182. mk.audio.playEffect("rewardOpen");
  183. this.hb_star.active = true;
  184. this.hb_star.getComponent(sp.Skeleton).animation = 'animation';
  185. this.hb_star.getComponent(sp.Skeleton).loop = false;
  186. this.cur_stage = LidType.none;
  187. // 数据排序:多条奖励,只展示红包,把红包放在首位
  188. const r_count = gData.reward.data.length;
  189. if (r_count >= 2) {
  190. for (let i = 0; i < r_count; i++) {
  191. if (gData.reward.data[i].rewardType === RewardType.redBag) {
  192. let new_data = gData.reward.data.splice(i, 1);
  193. gData.reward.data.unshift(new_data[0]);
  194. break;
  195. }
  196. }
  197. }
  198. // 图标展示
  199. this.node_coin.spriteFrame = await mk.loader.load('game/texture/coin/' + gData.reward.data[0].rewardType, cc.SpriteFrame);
  200. let rewardNum: number = gData.reward.data[0].rewardNum || 0;
  201. // if (gData.reward.data[0].rewardType === RewardType.pigRmb) {
  202. // this.lbl_reward_value.string = (rewardNum / 100).toFixed(2) + '元';
  203. // } else {
  204. // this.lbl_reward_value.string = `${rewardNum}`;
  205. // }
  206. this.lbl_reward_value.string = `${rewardNum}`;
  207. //第二个奖励
  208. if (gData.reward.data[1] && gData.reward.data[1].rewardNum != 0) {
  209. this.node_pig && (this.node_pig.active = true);
  210. this.node_coin1 && (this.node_coin1.spriteFrame = await mk.loader.load('game/texture/coin/' + gData.reward.data[1].rewardType, cc.SpriteFrame));
  211. let rewardNum1: number = gData.reward.data[1].rewardNum || 0;
  212. if (this.lbl_reward_value1) {
  213. // if (gData.reward.data[1].rewardType === RewardType.pigRmb) {
  214. // this.lbl_reward_value1.string = (rewardNum1 / 100).toFixed(2) + '元';
  215. // } else {
  216. // this.lbl_reward_value1.string = `${rewardNum1}`;
  217. // }
  218. this.lbl_reward_value1.string = `${rewardNum1}`;
  219. }
  220. }
  221. else {
  222. this.node_pig && (this.node_pig.active = false);
  223. }
  224. // 动画
  225. this.anim_open_redbag.play();
  226. this.node_luck.active = false;
  227. this.node_mission.active = false;
  228. this.btn_watch_video.node.active = false;
  229. // 底部进度动画
  230. if (gData.reward.data[0].rewardType === RewardType.redBag) {
  231. gData.reward.add_redbag_value = gData.reward.data[0].rewardNum;
  232. }
  233. }
  234. /**
  235. * 点击获得奖励
  236. */
  237. private clickGetReward() {
  238. cc.log('获取奖励:', gData.reward.data);
  239. gData.reward.flyCoinAnim();
  240. this.onClickClose();
  241. if (gData.gameData.getProp(GameProp.videoTimes) == 0) {
  242. mk.data.sendXYEvent("guide_receive", "新手引导领取2500红包币");
  243. }
  244. }
  245. /**
  246. * 提现操作
  247. */
  248. private clickCashOut() {
  249. gData.reward.addReward();
  250. mk.ui.closePanel(this.node.name);
  251. let path = 'module/redBagCash/redBagCash';
  252. mk.ui.openPanel(path);
  253. }
  254. /**
  255. * 下一关操作
  256. */
  257. public clickNextMission() {
  258. GamePlay.Inst.nextLevel();
  259. }
  260. /** 点击返回 */
  261. public clickBack() {
  262. GamePlay.Inst.restart();//退出不扣体力
  263. GamePlay.Inst.node.active = false;
  264. }
  265. onDestroy() {
  266. if (this.cur_stage === LidType.none) {
  267. mk.audio.playEffect("rewardClose");
  268. }
  269. }
  270. onClickClose() {
  271. //如果是关卡消除红包 关闭之后则清除
  272. if (gData.reward.subType == 2) {
  273. console.log("清除积分啦啦啦啦啦阿拉拉拉啦--------------------------------", GamePlay.Inst.ifPass)
  274. gData.gameData.setProp(GameProp.curTotalScore, 0);
  275. GamePlay.Inst.curProgressScore = 0;
  276. GamePlay.Inst.curGetScore = 0;
  277. GamePlay.Inst.finalGetScore = 0;
  278. GamePlay.Inst.initScore();
  279. }
  280. if (GamePlay.Inst) {
  281. if (GamePlay.Inst.ifPass) {
  282. GamePlay.Inst.gameCount();
  283. }
  284. else {
  285. mk.ad.checkShowInterByChance();
  286. }
  287. }
  288. else {
  289. mk.ad.checkShowInterByChance();
  290. }
  291. if (!this.hasWatchVideo) {
  292. gData.adData.checkShowFullInter(2);
  293. }
  294. mk.ad.destoryBanner();
  295. }
  296. }