Feat/continue game

packages/webgal/public/game/config.txt

@@ -4,3 +4,4 @@ Title_img:WebGAL_New_Enter_Image.webp;
 Title_bgm:s_Title.mp3;
 Game_Logo:WebGalEnter.webp;
 Enable_Appreciation:true;
+Enable_Continue:true;

packages/webgal/src/Core/controller/gamePlay/backToTitle.ts

@@ -5,10 +5,12 @@ import { stopAuto } from '@/Core/controller/gamePlay/autoPlay';
 import { stopFast } from '@/Core/controller/gamePlay/fastSkip';
 import { setEbg } from '@/Core/gameScripts/changeBg/setEbg';
 import { stageStateManager } from '@/Core/Modules/stage/stageStateManager';
+import { removeFastSaveGameRecord } from '../storage/fastSaveLoad';
 
 export const backToTitle = () => {
   if (webgalStore.getState().GUI.showTitle) return;
   const dispatch = webgalStore.dispatch;
+  removeFastSaveGameRecord();
   stopAllPerform();
   stopAuto();
   stopFast();

packages/webgal/src/Core/controller/storage/fastSaveLoad.ts

@@ -22,6 +22,11 @@ export function initKey() {
  * 用于紧急回避时的数据存储 & 快速保存
  */
 export async function fastSaveGame() {
+  const showTitle = webgalStore.getState().GUI.showTitle;
+  if (showTitle) {
+    // 如果在标题界面，不进行快速保存
+    return;
+  }
   const saveData: ISaveData = generateCurrentStageData(-1, false);
   const newSaveData = cloneDeep(saveData);
   webgalStore.dispatch(saveActions.setFastSave(newSaveData));
@@ -48,6 +53,7 @@ export async function loadFastSaveGame() {
   if (!loadFile) {
     return;
   }
+  removeFastSaveGameRecord();
   loadGameFromStageData(loadFile);
 }
 
@@ -56,7 +62,5 @@ export async function loadFastSaveGame() {
  */
 export async function removeFastSaveGameRecord() {
   webgalStore.dispatch(saveActions.resetFastSave());
-  await setStorageAsync();
-  // await localforage.setItem(isFastSaveKey, false);
-  // await localforage.setItem(fastSaveGameKey, null);
+  await dumpFastSaveToStorage();
 }

packages/webgal/src/Core/controller/storage/saveGame.ts

@@ -48,6 +48,7 @@ export function generateCurrentStageData(index: number, isSavePreviewImage = tru
     backlog: saveBacklog, // 舞台数据
     index: index, // 存档的序号
     saveTime: new Date().toLocaleDateString() + ' ' + new Date().toLocaleTimeString('chinese', { hour12: false }), // 保存时间
+    saveTimestamp: Date.now(),
     // 场景数据
     sceneData: {
       currentSentenceId: WebGAL.sceneManager.sceneData.currentSentenceId, // 当前语句ID

packages/webgal/src/Core/controller/storage/savesController.ts

@@ -5,6 +5,8 @@ import { webgalStore } from '@/store/store';
 import { saveActions } from '@/store/savesReducer';
 import { ISaveData } from '@/store/userDataInterface';
 
+export const MAX_SAVE_SIZE = 200;
+
 export function dumpSavesToStorage(startIndex: number, endIndex: number) {
   for (let i = startIndex; i <= endIndex; i++) {
     const save = webgalStore.getState().saveData.saveData[i];
@@ -23,6 +25,24 @@ export function getSavesFromStorage(startIndex: number, endIndex: number) {
   }
 }
 
+function getSaveSortTime(save: ISaveData) {
+  if (typeof save.saveTimestamp === 'number') {
+    return save.saveTimestamp;
+  }
+  const parsedTime = Date.parse(save.saveTime);
+  return Number.isNaN(parsedTime) ? 0 : parsedTime;
+}
+
+export function getLatestSaveData(saveDatas: Array<ISaveData | null | undefined>) {
+  return saveDatas
+    .filter((save): save is ISaveData => Boolean(save))
+    .sort((a, b) => {
+      const timeDiff = getSaveSortTime(b) - getSaveSortTime(a);
+      if (timeDiff !== 0) return timeDiff;
+      return b.index - a.index;
+    })[0];
+}
+
 export async function dumpFastSaveToStorage() {
   const save = webgalStore.getState().saveData.quickSaveData;
   await localforage.setItem(`${WebGAL.gameKey}-saves-fast`, save);

packages/webgal/src/Core/gameScripts/end.ts

@@ -9,7 +9,7 @@ import { setVisibility } from '@/store/GUIReducer';
 import { playBgm } from '@/Core/controller/stage/playBgm';
 import { WebGAL } from '@/Core/WebGAL';
 import { dumpToStorageFast } from '@/Core/controller/storage/storageController';
-import { saveActions } from '@/store/savesReducer';
+import { removeFastSaveGameRecord } from '../controller/storage/fastSaveLoad';
 
 /**
  * 结束游戏
@@ -24,7 +24,7 @@ export const end = (sentence: ISentence): IPerform => {
   setTimeout(() => {
     WebGAL.sceneManager.resetScene();
   }, 5);
-  dispatch(saveActions.resetFastSave());
+  removeFastSaveGameRecord();
   dumpToStorageFast();
   sceneFetcher(sceneUrl).then((rawScene) => {
     // 场景写入到运行时

packages/webgal/src/Core/util/coreInitialFunction/infoFetcher.ts

@@ -5,7 +5,7 @@ import { Live2D, WebGAL } from '@/Core/WebGAL';
 import { WebgalParser } from '@/Core/parser/sceneParser';
 import { getStorageAsync, setStorage } from '@/Core/controller/storage/storageController';
 import { initKey } from '@/Core/controller/storage/fastSaveLoad';
-import { getFastSaveFromStorage, getSavesFromStorage } from '@/Core/controller/storage/savesController';
+import { getFastSaveFromStorage, getSavesFromStorage, MAX_SAVE_SIZE } from '@/Core/controller/storage/savesController';
 import { logger } from '@/Core/util/logger';
 import axios from 'axios';
 import { IGameVar } from '@/Core/Modules/stage/stageInterface';
@@ -26,7 +26,7 @@ export const infoFetcher = (url: string): Promise<IGameVar> => {
     initKey();
     await getStorageAsync();
     getFastSaveFromStorage();
-    getSavesFromStorage(0, 0);
+    getSavesFromStorage(0, MAX_SAVE_SIZE);
     // 存储 config.txt 中的配置，用于清除所有数据时还原配置
     const gameConfigInit: IGameVar = {};
     // 按照游戏的配置开始设置对应的状态

packages/webgal/src/UI/Title/Title.tsx

@@ -1,3 +1,4 @@
+import { useEffect, useMemo, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { RootState } from '@/store/store';
 import { fullScreenOption } from '@/store/userDataInterface';
@@ -9,13 +10,17 @@ import useApplyStyle from '@/hooks/useApplyStyle';
 import { keyboard } from '@/hooks/useHotkey';
 import useConfigData from '@/hooks/useConfigData';
 import { playBgm } from '@/Core/controller/stage/playBgm';
-import { continueGame, startGame } from '@/Core/controller/gamePlay/startContinueGame';
+import { startGame } from '@/Core/controller/gamePlay/startContinueGame';
+import { loadGameFromStageData } from '@/Core/controller/storage/loadGame';
+import { getLatestSaveData } from '@/Core/controller/storage/savesController';
 import { showGlogalDialog } from '../GlobalDialog/GlobalDialog';
 import styles from './title.module.scss';
+import { loadFastSaveGame, removeFastSaveGameRecord } from '@/Core/controller/storage/fastSaveLoad';
 
 /** 标题页 */
 export default function Title() {
   const userDataState = useSelector((state: RootState) => state.userData);
+  const userSaveData = useSelector((state: RootState) => state.saveData);
   const GUIState = useSelector((state: RootState) => state.GUI);
   const dispatch = useDispatch();
   const fullScreen = userDataState.optionData.fullScreen;
@@ -24,6 +29,11 @@ export default function Title() {
   const t = useTrans('title.');
   const tCommon = useTrans('common.');
   const { playSeEnter, playSeClick } = useSoundEffect();
+  const saveData = userSaveData.saveData;
+  const fastSaveData = userSaveData.quickSaveData;
+  const enableContinue = userDataState.globalGameVar.Enable_Continue !== false;
+  const latestSave = useMemo(() => getLatestSaveData(saveData), [saveData]);
+  const [fastSaveLoaded, setFastSaveLoaded] = useState(false);
 
   const applyStyle = useApplyStyle('title');
   useConfigData(); // 监听基础ConfigData变化
@@ -38,6 +48,24 @@ export default function Title() {
     </div>
   );
 
+  useEffect(() => {
+    if (!fastSaveLoaded && (!GUIState.isShowLogo || GUIState.logoImage.length === 0) && GUIState.showTitle && fastSaveData) {
+      showGlogalDialog({
+        title: t('fastSaveLoadConfirm'),
+        leftText: tCommon('yes'),
+        rightText: tCommon('no'),
+        leftFunc: () => {
+          loadFastSaveGame();
+          setFastSaveLoaded(true);
+        },
+        rightFunc: () => {
+          removeFastSaveGameRecord();
+          setFastSaveLoaded(true);
+        }
+      });
+    }
+  }, [GUIState.isShowLogo, GUIState.logoImage, GUIState.showTitle, fastSaveData, fastSaveLoaded]);
+
   return (
     <>
       {GUIState.showTitle && <div className={applyStyle('Title_backup_background', styles.Title_backup_background)} />}
@@ -72,17 +100,21 @@ export default function Title() {
             >
               {renderButtonText(t('start.title'))}
             </div>
-            <div
-              className={applyStyle('Title_button', styles.Title_button)}
-              onClick={async () => {
-                playSeClick();
-                dispatch(setVisibility({ component: 'showTitle', visibility: false }));
-                continueGame();
-              }}
-              onMouseEnter={playSeEnter}
-            >
-              {renderButtonText(t('continue.title'))}
-            </div>
+            {enableContinue && (
+              <div
+                className={`${applyStyle('Title_button', styles.Title_button)} ${
+                  !latestSave ? applyStyle('Title_button_disabled', styles.Title_button_disabled) : ''
+                }`}
+                onClick={() => {
+                  if (!latestSave) return;
+                  playSeClick();
+                  loadGameFromStageData(latestSave);
+                }}
+                onMouseEnter={latestSave ? playSeEnter : undefined}
+              >
+                {renderButtonText(t('continue.title'))}
+              </div>
+            )}
             <div
               className={applyStyle('Title_button', styles.Title_button)}
               onClick={() => {

packages/webgal/src/hooks/useConfigData.ts

@@ -1,4 +1,4 @@
-import { getFastSaveFromStorage, getSavesFromStorage } from '@/Core/controller/storage/savesController';
+import { getFastSaveFromStorage, getSavesFromStorage, MAX_SAVE_SIZE } from '@/Core/controller/storage/savesController';
 import { getStorage } from '@/Core/controller/storage/storageController';
 import { setEbg } from '@/Core/gameScripts/changeBg/setEbg';
 import { assetSetter, fileType } from '@/Core/util/gameAssetsAccess/assetSetter';
@@ -49,7 +49,7 @@ const useConfigData = () => {
           WebGAL.gameKey = val;
           getStorage();
           getFastSaveFromStorage();
-          getSavesFromStorage(0, 0);
+          getSavesFromStorage(0, MAX_SAVE_SIZE);
           break;
         }
       }

packages/webgal/src/store/userDataInterface.ts

@@ -68,6 +68,7 @@ export interface ISaveData {
   backlog: Array<IBacklogItem>; // 舞台数据
   index: number; // 存档的序号
   saveTime: string; // 保存时间
+  saveTimestamp?: number; // 保存时间戳，用于排序
   sceneData: ISaveScene; // 场景数据
   previewImage: string;
 }

packages/webgal/src/translations/de.ts

@@ -161,6 +161,7 @@ const de = {
       subtitle: '',
       tips: 'Sind Sie sicher, dass Sie das Spiel beenden möchten?',
     },
+    fastSaveLoadConfirm: 'Temporärer Fortschritt erkannt. Möchten Sie ihn wiederherstellen?',
   },
 
   gaming: {

packages/webgal/src/translations/en.ts

@@ -168,6 +168,7 @@ const en = {
       subtitle: '',
       tips: 'Are you sure you want to exit?',
     },
+    fastSaveLoadConfirm: 'Temporary progress detected. Restore it?',
   },
 
   gaming: {

packages/webgal/src/translations/fr.ts

@@ -161,6 +161,7 @@ const fr = {
       subtitle: '',
       tips: 'Êtes-vous sûr de vouloir quitter ?',
     },
+    fastSaveLoadConfirm: 'Une progression temporaire a été détectée. La restaurer ?',
   },
 
   gaming: {

packages/webgal/src/translations/jp.ts

@@ -171,6 +171,7 @@ const jp = {
       subtitle: 'EXIT',
       tips: 'ゲームを終了しますか？',
     },
+    fastSaveLoadConfirm: '一時保存された進行状況を検出しました。復元しますか？',
   },
 
   gaming: {

packages/webgal/src/translations/pt-br.ts

@@ -168,6 +168,7 @@ const ptBr = {
       subtitle: '',
       tips: 'Deseja realmente sair?',
     },
+    fastSaveLoadConfirm: 'Progresso temporário detectado. Deseja restaurá-lo?',
   },
 
   gaming: {

packages/webgal/src/translations/zh-cn.ts

@@ -175,6 +175,7 @@ const zhCn = {
       subtitle: 'EXIT',
       tips: '确定要退出游戏吗？',
     },
+    fastSaveLoadConfirm: '检测到快速回避存档，是否加载？',
   },
 
   gaming: {

packages/webgal/src/translations/zh-tw.ts

@@ -175,6 +175,7 @@ const zhTw = {
       subtitle: 'EXIT',
       tips: '確定要退出遊戲嗎？',
     },
+    fastSaveLoadConfirm: '偵測到暫存進度，是否恢復？',
   },
 
   gaming: {