first
This commit is contained in:
223
assets/app-bundle/app-view/page/main/native/PageMain.ts
Normal file
223
assets/app-bundle/app-view/page/main/native/PageMain.ts
Normal file
@@ -0,0 +1,223 @@
|
||||
import { _decorator, Node, tween, Vec3, Sprite, Asset, ImageAsset, SpriteFrame, Texture2D, Label } from 'cc';
|
||||
import BaseView from '../../../../../../extensions/app/assets/base/BaseView';
|
||||
import { PageTips } from '../../tips/native/PageTips';
|
||||
import { app } from 'db://assets/app/app';
|
||||
import { Tools } from 'db://assets/res-native/tools/Tools';
|
||||
import { PageRewardhistory } from '../../rewardhistory/native/PageRewardhistory';
|
||||
import { USERDATA } from 'db://assets/res-native/data/UserData';
|
||||
const { ccclass, property } = _decorator;
|
||||
@ccclass('PageMain')
|
||||
export class PageMain extends BaseView {
|
||||
/** 标题 */
|
||||
@property(Node)
|
||||
title: Node = null!;
|
||||
/** 奖励 */
|
||||
@property(Node)
|
||||
reward_bg: Node = null!;
|
||||
/** 奖励 */
|
||||
@property(Node)
|
||||
noreward_bg: Node = null!;
|
||||
/** 音乐按钮 */
|
||||
@property(Node)
|
||||
btn_music: Node = null!;
|
||||
/** 灯光 */
|
||||
@property(Node)
|
||||
turn_light: Node = null!;
|
||||
/** 转盘 */
|
||||
@property(Node)
|
||||
turn: Node = null!;
|
||||
/** 奖励文字 */
|
||||
@property(Label)
|
||||
lab_rw: Label = null!;
|
||||
/** 奖励icon */
|
||||
@property(Sprite)
|
||||
icon_rw: Sprite = null!;
|
||||
/** 剩余次数 */
|
||||
@property(Label)
|
||||
lab_remain: Label = null!;
|
||||
/** 奖励展示列表 */
|
||||
@property(Node)
|
||||
rw_list: Node[] = [];
|
||||
/** 奖励icon */
|
||||
@property(Sprite)
|
||||
game_logo: Sprite = null!;
|
||||
/** 奖励icon */
|
||||
@property(Sprite)
|
||||
game_logo_bg: Sprite = null!;
|
||||
|
||||
/** 转盘是否正在转 */
|
||||
private _is_turing = false;
|
||||
|
||||
// 初始化的相关逻辑写在这
|
||||
onLoad() {}
|
||||
|
||||
// 界面打开时的相关逻辑写在这(onShow可被多次调用-它与onHide不成对)
|
||||
onShow(params: any) {
|
||||
this.titleAnimation();
|
||||
this.lab_remain.string = "REMAINING CHANCE : " + USERDATA.point.toString();
|
||||
|
||||
this.setRw();
|
||||
|
||||
// 加载配置的logo
|
||||
if (USERDATA.logo && this.game_logo) {
|
||||
Tools.remoteLoadSprite(USERDATA.logo, this.game_logo)
|
||||
}
|
||||
|
||||
if (USERDATA.logo_back && this.game_logo_bg) {
|
||||
Tools.remoteLoadSprite(USERDATA.logo_back, this.game_logo_bg)
|
||||
}
|
||||
}
|
||||
|
||||
setRw(){
|
||||
for (let i = 0; i < this.rw_list.length; i++) {
|
||||
const element = this.rw_list[i];
|
||||
if (USERDATA.prize_list[i]){
|
||||
Tools.SetText(element, USERDATA.prize_list[i].name)
|
||||
Tools.remoteLoadSprite(USERDATA.prize_list[i].pic, Tools.GetChildComp(element, "icon", Sprite))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** 开始灯光切换 */
|
||||
startLightToggle() {
|
||||
this.schedule(this.switchLight, 0.3);
|
||||
}
|
||||
|
||||
/** 切换灯光 */
|
||||
switchLight(){
|
||||
this.turn_light.active = !this.turn_light.active;
|
||||
}
|
||||
|
||||
/** 标题动画 */
|
||||
titleAnimation() {
|
||||
const scaleDown = tween().to(0.6, { scale: new Vec3(0.96, 0.96, 1) });
|
||||
const scaleUp = tween().to(0.6, { scale: new Vec3(1, 1, 1) });
|
||||
|
||||
tween(this.title)
|
||||
.sequence(scaleDown, scaleUp) // 使用sequence串联动画
|
||||
.repeatForever()
|
||||
.start();
|
||||
}
|
||||
|
||||
|
||||
// 界面关闭时的相关逻辑写在这(已经关闭的界面不会触发onHide)
|
||||
onHide(result: undefined) {
|
||||
// app.manager.ui.show<PageMain>({name: 'PageMain', onHide:(result) => { 接收到return的数据，并且有类型提示 }})
|
||||
return result;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 旋转转盘
|
||||
* @param segmentIndex 目标段落索引 (0-9)
|
||||
* @param callback 旋转完成后的回调函数
|
||||
*/
|
||||
rotateTurntable(segmentIndex: number, callback?: () => void) {
|
||||
app.manager.sound.playEffect({name: "effect/turn"})
|
||||
this._is_turing = true;
|
||||
// 每个扇形的角度
|
||||
const segmentAngle = 36; // 360度 / 10份 = 36度每份
|
||||
// 随机左右12度
|
||||
let random_rat = 12 * (1 - Math.random() * 2)
|
||||
|
||||
// 计算目标角度（从15度开始，顺时针）
|
||||
// segmentIndex: 0-9 对应第1-10个扇形
|
||||
const targetAngle = (18 + segmentIndex * segmentAngle) + random_rat;
|
||||
|
||||
// 为了让转盘看起来更真实，我们先旋转几圈再停到目标位置
|
||||
const rotations = Math.floor(Math.random() * 3) + 6; // 旋转圈数
|
||||
const totalRotation = rotations * 360 + targetAngle;
|
||||
|
||||
// 获取当前旋转角度
|
||||
const currentRotation = this.turn.eulerAngles;
|
||||
|
||||
// 计算需要旋转的总角度
|
||||
const rotationAngle = totalRotation - currentRotation.z;
|
||||
|
||||
// 使用tween动画旋转转盘
|
||||
tween(this.turn)
|
||||
.by(2.2, { eulerAngles: new Vec3(0, 0, rotationAngle) }, {
|
||||
easing: 'cubicOut' // 使用缓动函数使旋转更自然
|
||||
})
|
||||
.call(() => {
|
||||
// 确保最终角度正确
|
||||
this.turn.eulerAngles = new Vec3(0, 0, targetAngle);
|
||||
if (callback) callback();
|
||||
})
|
||||
.start();
|
||||
}
|
||||
|
||||
/** 点击奖励确定 */
|
||||
onClickRewardSure(){
|
||||
this.reward_bg.active = false
|
||||
this.noreward_bg.active = false
|
||||
}
|
||||
|
||||
/** 点击提示 */
|
||||
onClickTips(){
|
||||
app.manager.ui.show<PageTips>({name: 'PageTips'})
|
||||
}
|
||||
|
||||
/** 点击音乐 */
|
||||
oncClickMusic(){
|
||||
let music = app.manager.sound.isMusicPlaying
|
||||
music ? app.manager.sound.stopMusic() : app.manager.sound.playDefaultMusic()
|
||||
this.loadRes(music ? "main_btn_sounds_off" : "main_btn_sounds_on", Asset, (res: ImageAsset)=>{
|
||||
let sp = new SpriteFrame()
|
||||
let tex = new Texture2D();
|
||||
tex.image = res;
|
||||
sp.texture = tex
|
||||
this.btn_music.getComponent(Sprite).spriteFrame = sp
|
||||
});
|
||||
}
|
||||
|
||||
/** 点击历史 */
|
||||
onClickRwHis(){
|
||||
app.manager.ui.show<PageRewardhistory>({name: 'PageRewardhistory'})
|
||||
}
|
||||
|
||||
/** 点击转盘 */
|
||||
btnClickTurn(){
|
||||
if (this._is_turing) return;
|
||||
if (USERDATA.point <= 0) {
|
||||
app.manager.ui.showToast(Tools.GetLocalized("no chance"));
|
||||
return;
|
||||
}
|
||||
|
||||
this.icon_rw.spriteFrame = null;
|
||||
|
||||
Tools.httpReq("lottery", {}, (res:any)=>{
|
||||
this.startLightToggle(); // 启动灯光切换
|
||||
this.turn.setPosition(new Vec3(0, 0, 18))
|
||||
|
||||
let n = null
|
||||
for (let i = 0; i < USERDATA.prize_list.length; i++) {
|
||||
const element = USERDATA.prize_list[i];
|
||||
if (res.prize_id == element.id){
|
||||
n = i
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
if (n == null){
|
||||
app.manager.ui.showToast(Tools.GetLocalized("fail"))
|
||||
return
|
||||
}
|
||||
|
||||
USERDATA.point--
|
||||
this.lab_remain.string = "REMAINING CHANCE : " + USERDATA.point.toString()
|
||||
|
||||
this.rotateTurntable(n, ()=>{
|
||||
this._is_turing = false
|
||||
this.lab_rw.string = Tools.StringLFormat(res.message)
|
||||
Tools.remoteLoadSprite(USERDATA.prize_list[n].pic, this.icon_rw)
|
||||
this.unschedule(this.switchLight)
|
||||
this.scheduleOnce(()=>{
|
||||
this.reward_bg.active = res.prize_type != 3
|
||||
this.noreward_bg.active = res.prize_type == 3
|
||||
app.manager.sound.playEffect({name: res.prize_type == 3 ? "effect/lose" : "effect/win"})
|
||||
}, 0.3)
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user