OpenWebGAL · MakinoharaShoko · Apr 11, 2026 · Jan 3, 2026 · Jan 3, 2026 · Feb 5, 2026
diff --git a/packages/parser/package.json b/packages/parser/package.json
@@ -20,7 +20,7 @@
   "dependencies": {
     "chevrotain": "^10.5.0",
     "cloudlogjs": "^1.0.11",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "tsx": "^3.12.7"
   },
   "devDependencies": {

diff --git a/packages/webgal/index.html b/packages/webgal/index.html
@@ -7,8 +7,13 @@
     <link rel="manifest" href="/manifest.json" />
     <title>WebGAL</title>
     <style>
+      html,
       body {
+        margin: 0;
         background: black;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
       }
 
       .html-body__effect-background {
@@ -129,6 +134,7 @@
       .title-enter-container__link-to-github > div {
         padding: 0 0 0.25em 0;
       }
+
     </style>
   </head>
   <body>
@@ -153,29 +159,70 @@
     <div id="html-body__panic-overlay"></div>
     <!-- 应用挂载点 -->
     <div id="root"></div>
+    <script>
+      (() => {
+        const userAgent = navigator.userAgent || '';
+        const platform = navigator.userAgentData?.platform || navigator.platform || '';
+        const maxTouchPoints = navigator.maxTouchPoints || 0;
+        const isIOSPhone = /iPhone|iPod/i.test(userAgent);
+        const isIPad = /iPad/i.test(userAgent) || (/Mac/i.test(platform) && maxTouchPoints > 1);
+
+        window.__WEBGAL_DEVICE_INFO__ = {
+          isIOS: isIOSPhone || isIPad,
+          isIOSPhone,
+          isIPad,
+        };
+      })();
+    </script>
     <!-- 在窗口大小改变时进行强制缩放 -->
     <script>
       (() => {
-        const isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+        const deviceInfo = window.__WEBGAL_DEVICE_INFO__ ?? { isIOS: false };
+        const isIOS = deviceInfo.isIOS;
+        const layoutConfig = isIOS
+          ? {
+              bottomInset: 15,
+              resizeDelay: 500,
+              viewport:
+                'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover',
+              hideEffectBackground: true,
+            }
+          : {
+              bottomInset: 0,
+              resizeDelay: 0,
+              viewport: 'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no',
+              hideEffectBackground: false,
+            };
+        const root = document.querySelector('#root');
+        const titleEnter = document.querySelector('.html-body__title-enter');
+        const effectBackground = document.querySelector('.html-body__effect-background');
+        let viewportMeta = document.querySelector('meta[name="viewport"]');
+
+        const ensureViewportMeta = () => {
+          if (!viewportMeta) {
+            viewportMeta = document.createElement('meta');
+            viewportMeta.name = 'viewport';
+            document.head.appendChild(viewportMeta);
+          }
+          return viewportMeta;
+        };
+
         const resize = () => {
           const targetHeight = 1440; // 目标高度
           const targetWidth = 2560; // 目标宽度
-
           const h = window.innerHeight; // 窗口高度
           const w = window.innerWidth; // 窗口宽度
-          const zoomH = h / targetHeight; // 以窗口高度为基准的变换比
+          const layoutHeight = Math.max(h - layoutConfig.bottomInset, 1);
+          const zoomH = layoutHeight / targetHeight; // 以窗口高度为基准的变换比
           const zoomW = w / targetWidth; // 以窗口宽度为基准的变换比
           const zoomH2 = w / targetHeight; // 竖屏时以窗口高度为基础的变换比
-          const zoomW2 = h / targetWidth; // 竖屏时以窗口宽度为基础的变换比
-          let mh = (targetHeight - h) / 2; // y轴移动距离
+          const zoomW2 = layoutHeight / targetWidth; // 竖屏时以窗口宽度为基础的变换比
+          let mh = (targetHeight - layoutHeight) / 2; // y轴移动距离
           let mw = (targetWidth - w) / 2; // x轴移动距离
           let mh2os = targetWidth / 2 - w / 2; // 竖屏时 y轴移动距离
-          let mw2os = targetHeight / 2 - h / 2; // 竖屏时 x轴移动距离
+          let mw2os = targetHeight / 2 - layoutHeight / 2; // 竖屏时 x轴移动距离
           let transform = '';
           let effectBackgroundTransform = '';
-          const root = document.querySelector('#root'); // 获取根元素
-          const titleEnter = document.querySelector('.html-body__title-enter');
-          const effectBackground = document.querySelector('.html-body__effect-background');
           const elements = [root, titleEnter];
           if (w > h) {
             if (effectBackground) {
@@ -211,6 +258,11 @@
             // iOS 不强制旋转
             if (isIOS) {
               const zoomWi = w / targetWidth;
+              if (effectBackground) {
+                effectBackground.style.height = `100vh`;
+                effectBackground.style.width = `100vw`;
+                effectBackgroundTransform = '';
+              }
               transform = `translate(${-mw}px, ${-mh}px) ` + `scale(${zoomWi},${zoomWi}) `;
             }
           }
@@ -223,42 +275,51 @@
             }
           }
         };
-        if (!isIOS) {
-          // 非 IOS
-          // 创建一个新的 meta 标签
-          const metaTag = document.createElement('meta');
-          metaTag.name = 'viewport';
-          metaTag.content = 'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no';
-          // 将该标签添加到 head 中
-          document.head.appendChild(metaTag);
-          resize();
-          window.onload = resize;
-          window.onresize = resize;
-          // 监听键盘 F11 键按下事件，全屏时触发页面调整
-          document.onkeydown = (e) => {
-            if (e && e.key === 'F11') {
-              setTimeout(() => {
-                resize();
-              }, 100);
+        let iosResizeTimer = null;
+        const scheduleResize = () => {
+          if (layoutConfig.resizeDelay > 0) {
+            if (iosResizeTimer) {
+              window.clearTimeout(iosResizeTimer);
             }
-          };
-        } else {
-          // IOS
-          const metaTag = document.createElement('meta');
-          metaTag.name = 'viewport';
-          metaTag.content = 'width=device-width, initial-scale=0.22, minimum-scale=0.01, maximum-scale=1';
-          // 将该标签添加到 head 中
-          document.head.appendChild(metaTag);
+            iosResizeTimer = window.setTimeout(() => {
+              resize();
+              iosResizeTimer = null;
+            }, layoutConfig.resizeDelay);
+            return;
+          }
+          resize();
+        };
+        if (isIOS) {
           const styleTag = document.createElement('style');
-          styleTag.textContent = '* { font-synthesis: none !important; }';
+          styleTag.textContent = `* { font-synthesis: none !important; }`;
+          if (layoutConfig.hideEffectBackground) {
+            styleTag.textContent += `
+              #ebg,
+              #ebgOverlay {
+                display: none !important;
+              }
+            `;
+          }
           document.head.appendChild(styleTag);
         }
+        ensureViewportMeta().content = layoutConfig.viewport;
+        scheduleResize();
+        window.onload = scheduleResize;
+        window.onresize = scheduleResize;
+        // 监听键盘 F11 键按下事件，全屏时触发页面调整
+        document.onkeydown = (e) => {
+          if (e && e.key === 'F11') {
+            setTimeout(() => {
+              scheduleResize();
+            }, 100);
+          }
+        };
-        document.onkeydown = (e) => {
-          if (e && e.key === 'F11') {
-            setTimeout(() => {
-              scheduleResize();
-            }, 100);
-          }
-        };
+        document.addEventListener('keydown', (e) => {
+          if (e && e.key === 'F11') {
+            setTimeout(() => {
+              scheduleResize();
+            }, 100);
+          }
+        });
-        document.onkeydown = (e) => {
-          if (e && e.key === 'F11') {
-            setTimeout(() => {
-              scheduleResize();
-            }, 100);
-          }
-        };
+        document.addEventListener('keydown', (e) => {
+          if (e && e.key === 'F11') {
+            setTimeout(() => {
+              scheduleResize();
+            }, 100);
+          }
+        });
       })();
     </script>
     <!-- 注册 Service Worker -->
     <script>
       (() => {
-        const isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+        const isIOS = window.__WEBGAL_DEVICE_INFO__?.isIOS ?? false;
         if ('serviceWorker' in navigator && !isIOS) {
           navigator.serviceWorker
             .register('./webgal-serviceworker.js')
@@ -274,7 +335,10 @@
     <!-- 首屏加载 -->
     <script>
       (() => {
-        const isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+        const isIOS = window.__WEBGAL_DEVICE_INFO__?.isIOS ?? false;
+        const enterConfig = isIOS
+          ? { skipAnimation: true, hideDelay: 0 }
+          : { skipAnimation: false, hideDelay: 2000 };
         let enterPromiseResolve;
         const enterPromise = new Promise((res) => {
           enterPromiseResolve = res;
@@ -299,6 +363,17 @@
         });
         /** 点击屏幕，进入引擎主界面 */
         const enter = () => {
+          const titleEnter = document.querySelector('.html-body__title-enter');
+          if (enterConfig.skipAnimation) {
+            if (titleEnter) {
+              titleEnter.style.pointerEvents = 'none';
+              titleEnter.style.transition = 'none';
+              titleEnter.style.opacity = '0';
+              titleEnter.style.display = 'none';
+            }
+            enterPromiseResolve();
+            return;
+          }
           const initialBackground = document.querySelector('.title-enter__initial-background');
           if (initialBackground) {
             initialBackground.style.opacity = '0';
@@ -313,7 +388,6 @@
               whiteBackground.style.opacity = '1';
             }
           }, 50); // 在50ms后开始显示白色渐变
-          const titleEnter = document.querySelector('.html-body__title-enter');
           setTimeout(() => {
             if (titleEnter) titleEnter.style.opacity = '0';
           }, 500); // 500ms后开始降低落地页透明度
@@ -325,7 +399,7 @@
             if (titleEnter) {
               titleEnter.style.display = 'none';
             }
-          }, 2000); // 将落地页设置为不显示
+          }, enterConfig.hideDelay); // 将落地页设置为不显示
           enterPromiseResolve();
         };
         const titleEnter = document.querySelector('.html-body__title-enter');

diff --git a/packages/webgal/package.json b/packages/webgal/package.json
@@ -1,9 +1,9 @@
 {
   "name": "webgal-engine",
-  "version": "4.5.18",
+  "version": "4.5.19",
   "scripts": {
     "dev": "vite --host --port 3000",
-    "build": "cross-env NODE_ENV=production tsc && vite build --base=./",
+    "build": "node scripts/update-engine-version.js && cross-env NODE_ENV=production tsc && vite build --base=./",
     "preview": "vite preview",
     "lint": "eslint src/** --fix",
     "prepublishOnly": "npm run build"
@@ -13,12 +13,12 @@
     "@icon-park/react": "^1.4.2",
     "@reduxjs/toolkit": "^1.8.1",
     "angular-expressions": "^1.4.3",
-    "axios": "^0.30.2",
+    "axios": "^1.13.5",
     "cloudlogjs": "^1.0.9",
     "gifuct-js": "^2.1.2",
     "i18next": "^22.4.15",
     "localforage": "^1.10.0",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "mitt": "^3.0.0",
     "modern-css-reset": "^1.4.0",
     "pixi-filters": "^4.2.0",
@@ -39,11 +39,11 @@
     "@types/react": "^17.0.33",
     "@types/react-dom": "^17.0.10",
     "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.18.0",
-    "@typescript-eslint/parser": "^5.18.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
     "@vitejs/plugin-react": "^4.0.4",
     "cross-env": "^7.0.3",
-    "eslint": "^8.13.0",
+    "eslint": "^9.26.0",
     "eslint-config-alloy": "^4.5.1",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
@@ -53,7 +53,7 @@
     "rollup-plugin-visualizer": "^5.6.0",
     "typescript": "^4.5.4",
     "unplugin-info": "^1.2.2",
-    "vite": "^4.5.5",
+    "vite": "^5.4.21",
     "vite-plugin-compression": "^0.5.1"
   }
 }
diff --git a/packages/webgal/public/game/scene/demo_changeConfig.txt b/packages/webgal/public/game/scene/demo_changeConfig.txt
@@ -1,5 +1,5 @@
 webgal:我会修改标题 -hold;
-setVar:Game_name=WebGal_Change -global;
+setVar:Game_name=WebGAL_Change -global;
 webgal:游戏标题已经被我修改为{Game_name} -hold;
 webgal:我会修改游戏背景 -hold;
 setVar:Title_img=bg.webp -global;

diff --git a/packages/webgal/public/game/scene/demo_en.txt b/packages/webgal/public/game/scene/demo_en.txt
@@ -1,7 +1,7 @@
 bgm:s_Title.mp3 -volume=80 -enter=3000;
 unlockBgm:s_Title.mp3 -name=welcome;
 intro:*Getting started| The image materials used in this demo game are AI-generated images;
-intro:*Credit| Created By ondoku3.com;
+intro:*Credit| Created by ondoku3.com;
 changeBg:bg.webp -next;
 unlockCg:bg.webp -name=良い夜;
 changeFigure:stand.webp -left -enter=enter-from-left -next;
@@ -22,7 +22,7 @@ pixiPerform:snow;
 For example, let's make it snow as a special effect. -e008_For_example_let's_make.mp3;
 As you can see, WebGAL has attractive features. |Try it out and experience it. -e009_As_you_can see_WebGAL.mp3;
 That's all for the feature introduction. -e010_That's_all_for_the_feature introduction.mp3;
-Next,I will introduce the history and trivia of WebGAL. -e011_Next_I_will introduce_the_ history.mp3;
+Next, I will introduce the history and trivia of WebGAL. -e011_Next_I_will introduce_the_ history.mp3;
 pixiInit;
 choose:WebGAL History:choose1|WebGAL Trivia:choose2;
 ;選択１

diff --git a/packages/webgal/public/game/scene/demo_escape.txt b/packages/webgal/public/game/scene/demo_escape.txt
@@ -1,3 +1,3 @@
 intro:我会显示出来：\:\,\.\;不信你看看 -hold;
-WebGal:我会显示出来：\:\,\.\;不信你看看;
+WebGAL:我会显示出来：\:\,\.\;不信你看看;
 choose:我会显示出来：\:\,\.\;不信你看看;