119 lines
3.8 KiB
TypeScript
119 lines
3.8 KiB
TypeScript
import { _decorator, Component, ProgressBar, Label } from 'cc';
|
|
import { ViewManager } from './scripts/core/ViewManager';
|
|
import { LevelDataManager } from './scripts/utils/LevelDataManager';
|
|
import { AuthManager } from './scripts/utils/AuthManager';
|
|
import { StorageManager } from './scripts/utils/StorageManager';
|
|
const { ccclass, property } = _decorator;
|
|
|
|
/**
|
|
* 页面加载组件
|
|
* 负责用户登录、预加载资源并显示加载进度
|
|
* 登录与关卡数据加载并行执行以减少等待时间
|
|
*/
|
|
@ccclass('PageLoading')
|
|
export class PageLoading extends Component {
|
|
@property(ProgressBar)
|
|
progressBar: ProgressBar | null = null;
|
|
|
|
@property(Label)
|
|
statusLabel: Label | null = null;
|
|
|
|
start() {
|
|
this._startPreload();
|
|
}
|
|
|
|
private async _startPreload(): Promise<void> {
|
|
if (this.progressBar) {
|
|
this.progressBar.progress = 0;
|
|
}
|
|
|
|
this._updateStatusLabel('正在加载...');
|
|
|
|
// 登录和关卡数据并行加载
|
|
const [loginSuccess, levelSuccess] = await Promise.all([
|
|
AuthManager.instance.initialize(),
|
|
LevelDataManager.instance.initialize((progress, message) => {
|
|
// 关卡加载占 0-80% 进度
|
|
this._updateProgress(progress);
|
|
this._updateStatusLabel(message);
|
|
}),
|
|
]);
|
|
|
|
if (loginSuccess) {
|
|
console.log('[PageLoading] 用户登录成功');
|
|
} else {
|
|
console.warn('[PageLoading] 登录失败，继续离线模式');
|
|
}
|
|
|
|
if (!levelSuccess) {
|
|
this._updateStatusLabel('加载失败，请重新打开游戏');
|
|
return;
|
|
}
|
|
|
|
// 登录 + 关卡数据都就绪后，用服务端进度覆盖本地进度
|
|
if (loginSuccess) {
|
|
this._syncProgressFromServer();
|
|
}
|
|
|
|
// 预加载 PageHome (80-100%)
|
|
ViewManager.instance.preload('PageHome',
|
|
(progress) => {
|
|
this._updateProgress(0.8 + progress * 0.2);
|
|
this._updateStatusLabel('正在加载界面资源...');
|
|
},
|
|
() => {
|
|
this._onPreloadComplete();
|
|
}
|
|
);
|
|
}
|
|
|
|
private _updateProgress(progress: number): void {
|
|
if (this.progressBar) {
|
|
this.progressBar.progress = progress;
|
|
}
|
|
}
|
|
|
|
private _updateStatusLabel(message: string): void {
|
|
if (this.statusLabel) {
|
|
this.statusLabel.string = message;
|
|
}
|
|
}
|
|
|
|
private _onPreloadComplete(): void {
|
|
this._updateProgress(1);
|
|
this._updateStatusLabel('加载完成');
|
|
|
|
ViewManager.instance.open('PageHome', {
|
|
onComplete: () => {
|
|
this.node.destroy();
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 用服务端通关进度覆盖本地进度
|
|
* 将 completedLevelIds 转换为本地的 currentLevelIndex / maxUnlockedLevelIndex
|
|
*/
|
|
private _syncProgressFromServer(): void {
|
|
const completedIds = AuthManager.instance.completedLevelIds;
|
|
if (completedIds.length === 0) {
|
|
console.log('[PageLoading] 服务端无通关记录，使用本地进度');
|
|
return;
|
|
}
|
|
|
|
const maxCompletedIndex = LevelDataManager.instance.getMaxCompletedIndex(completedIds);
|
|
if (maxCompletedIndex < 0) {
|
|
return;
|
|
}
|
|
|
|
const localMax = StorageManager.getMaxUnlockedLevelIndex();
|
|
|
|
// 取服务端和本地的较大值，防止进度回退
|
|
if (maxCompletedIndex > localMax) {
|
|
// onLevelCompleted 会同时设置 currentLevelIndex = maxCompletedIndex + 1 和 maxUnlockedLevelIndex
|
|
StorageManager.onLevelCompleted(maxCompletedIndex);
|
|
console.log(`[PageLoading] 服务端进度同步：已通关到第 ${maxCompletedIndex + 1} 关`);
|
|
}
|
|
}
|
|
}
|