webgal-engine 4.5.17 → 4.5.19

package/dist/assets/{initRegister-fdb36053.js → initRegister-xwJOf8RF.js}

@@ -1 +1 @@
-import{r as B,W as z,C as D,b as G,a as N,S as U,c as R,B as O,R as X}from"./index-49446313.js";const $=(b,W,k,v,E,M,m)=>{const w=z.gameplay.pixiStage,x=W==="foreground"?w.foregroundEffectsContainer:w.backgroundEffectsContainer,p=R.width,a=R.height,c=new D;c.angle=m;const C=c.rotation,y=Math.abs(Math.cos(C)),d=Math.abs(Math.sin(C)),i=p*y+a*d,f=p*d+a*y;c.width=i,c.height=f,c.pivot.set(i/2,f/2),c.position.set(p/2,a/2),x.addChild(c);const r=new G(E,{scale:!0,position:!0,rotation:!0,uvs:!1,alpha:!0});c.addChild(r);const u=[],I=N.from("./game/tex/cherryBlossoms.webp"),S=(h,l)=>h+Math.random()*(l-h);for(let h=0;h<E;h++){const l=Math.random()*Math.PI*2,n=U.from(I);n.anchor.set(.5),n.x=Math.random()*i,n.y=Math.random()*f,n.rotation=Math.random()*Math.PI*2,n.scale.set(Math.cos(l)*M,Math.sin(l)*M),n.speed=(S(.5,2)+S(.1,1))*k,n.rotationSpeed=Math.random()*.015*(Math.random()<.5?1:-1),n.positionPhase=Math.random()*Math.PI*2,n.scalePhase=l,u.push(n),r.addChild(n)}function A(h){const l=Date.now()/1e3;for(const n of u){const P=Math.sin(l+n.positionPhase)*v;n.x+=P*h,n.y+=n.speed*h,n.rotation+=n.rotationSpeed*h;const H=Math.cos(l+n.scalePhase)*M,F=Math.sin(l+n.scalePhase)*M;n.scale.set(H,F);const T=Math.abs(n.width*M),t=Math.abs(n.height*M);n.x+T/2<-i?n.x=i+T/2:n.x-T/2>i&&(n.x=-i-T/2),n.y-t/2>f&&(n.x=Math.random()*i,n.y=-Math.random()*50-t,n.positionPhase=Math.random()*Math.PI*2,n.scalePhase=Math.random()*Math.PI*2,n.speed=(S(.5,2)+S(.1,1))*k,n.rotationSpeed=Math.random()*.015*(Math.random()<.5?1:-1))}}return w.registerAnimation({setStartState:()=>{},setEndState:()=>{},tickerFunc:A},b),{container:c,tickerKey:b}};B("cherryBlossoms",{fg:()=>$("cherry-blossoms-foreground-ticker","foreground",2,3,100,.05,0),bg:()=>$("cherry-blossoms-background-ticker","background",1,2,300,.025,0)});const L=(b,W,k,v,E,M)=>{const m=z.gameplay.pixiStage;m.currentApp;const w=W==="foreground"?m.foregroundEffectsContainer:m.backgroundEffectsContainer,x=R.width,p=R.height,a=new D;a.angle=M;const c=a.rotation,C=Math.abs(Math.cos(c)),y=Math.abs(Math.sin(c)),d=x*C+p*y,i=x*y+p*C;a.width=d,a.height=i,a.pivot.set(d/2,i/2),a.position.set(x/2,p/2),w.addChild(a);const f=new G(v,{scale:!0,position:!0,rotation:!0,alpha:!0,uvs:!1});a.addChild(f);const r=[],u=[],I="./game/tex/rain.png",S=128,A=640,h=5,l=[10,5,2,2,1],n=t=>{if(!t||t.length===0)return 0;const e=t.reduce((o,g)=>o+g,0);if(e<=0)return Math.floor(Math.random()*t.length);let s=Math.random()*e;for(let o=0;o<t.length;o++){if(s<t[o])return o;s-=t[o]}return t.length-1},P=(t,e=!1)=>{const s=Math.random()*.5+.5;t.scale.set(E*s),t.anchor.set(.5),e?(t.x=Math.random()*d,t.y=Math.random()*i):(t.x=Math.random()*d,t.y=-Math.random()*50-t.height),t.alpha=Math.random()*.5+.5,t.vy=(Math.random()*.4+.8)*k},H=()=>{let t;r.length===h?t=n(l):t=Math.floor(Math.random()*r.length),t=Math.max(0,Math.min(t,r.length-1));const e=new U(r[t]);return P(e,!0),e},F=t=>{for(const e of u)e.y+=e.vy*t,(e.y-e.height/2>i||e.x<-e.width||e.x>d+e.width)&&P(e,!1)};return(()=>{for(r.length=0;u.length>0;)u.pop();f.removeChildren();const t=O.from(I),e=()=>{var s;if(t.valid)for(let o=0;o<h;o++){const g=new X(o*S,0,S,A);r.push(new N(t,g))}if(r.length===0){console.error("Failed to create any raindrop textures. Cannot create sprites.");return}(s=r[0])!=null&&s.valid||console.warn("First raindrop texture is invalid after creation. Sprites might not render correctly.");for(let o=0;o<v;o++){const g=H();f.addChild(g),u.push(g)}m.registerAnimation({setStartState:()=>{},setEndState:()=>{},tickerFunc:F},b)};t.valid?e():(t.once("loaded",()=>{e()}),t.once("error",s=>{console.error(`Error loading base texture ${I}:`,s),e()}))})(),{container:a,tickerKey:b}};B("rain",{fg:()=>L("rain-foreground-ticker","foreground",30,50,.4,1),bg:()=>L("rain-background-ticker","background",20,150,.3,1)});const _=(b,W,k,v,E,M)=>{const m=z.gameplay.pixiStage;m.currentApp;const w=W==="foreground"?m.foregroundEffectsContainer:m.backgroundEffectsContainer,x=R.width,p=R.height,a=new D;a.angle=M;const c=a.rotation,C=Math.abs(Math.cos(c)),y=Math.abs(Math.sin(c)),d=x*C+p*y,i=x*y+p*C;a.width=d,a.height=i,a.pivot.set(d/2,i/2),a.position.set(x/2,p/2),w.addChild(a);const f=new G(v,{scale:!0,position:!0,rotation:!0,alpha:!0,uvs:!1});a.addChild(f);const r=[],u=[],I="./game/tex/snow.png",S=128,A=128,h=10,l=[10,2,2,2,1,1,1,2,2,2],n=t=>{if(!t||t.length===0)return 0;const e=t.reduce((o,g)=>o+g,0);if(e<=0)return Math.floor(Math.random()*t.length);let s=Math.random()*e;for(let o=0;o<t.length;o++){if(s<t[o])return o;s-=t[o]}return t.length-1},P=(t,e=!1)=>{const s=Math.random()*.5+.5;t.scale.set(E*s),t.anchor.set(.5),e?(t.x=Math.random()*d,t.y=Math.random()*i):(t.x=Math.random()*d,t.y=-Math.random()*50-t.height),t.alpha=Math.random()*.2+.8,t.vy=(Math.random()*.4+.8)*k,t.vx=(Math.random()-.5)*.25*k,t.rotationSpeed=(Math.random()-.5)*.005},H=()=>{let t;r.length===h?t=n(l):t=Math.floor(Math.random()*r.length),t=Math.max(0,Math.min(t,r.length-1));const e=new U(r[t]);return P(e,!0),e},F=t=>{for(const e of u)e.y+=e.vy*t,e.x+=e.vx*t,e.rotation+=e.rotationSpeed*t,(e.y-e.height/2>i||e.x<-e.width||e.x>d+e.width)&&P(e,!1)};return(()=>{for(r.length=0;u.length>0;)u.pop();f.removeChildren();const t=O.from(I),e=()=>{var s;if(t.valid)for(let o=0;o<h;o++){const g=new X(o*S,0,S,A);r.push(new N(t,g))}if(r.length===0){console.error("Failed to create any snowflake textures. Cannot create sprites.");return}(s=r[0])!=null&&s.valid||console.warn("First snowflake texture is invalid after creation. Sprites might not render correctly.");for(let o=0;o<v;o++){const g=H();f.addChild(g),u.push(g)}m.registerAnimation({setStartState:()=>{},setEndState:()=>{},tickerFunc:F},b)};t.valid?e():(t.once("loaded",()=>{e()}),t.once("error",s=>{console.error(`Error loading base texture ${I}:`,s),e()}))})(),{container:a,tickerKey:b}};B("snow",{fg:()=>_("snow-foreground-ticker","foreground",3,250,.4,0),bg:()=>_("snow-background-ticker","background",1,750,.2,0)});B("heavySnow",{fg:()=>_("heavy-snow-foreground-ticker","foreground",20,1e3,.6,-75),bg:()=>_("heavy-snow-background-ticker","background",10,2e3,.3,-80)});
+import{r as B,W as z,C as D,b as G,a as N,S as U,c as R,B as O,R as X}from"./index-MdzLVmuf.js";const $=(b,W,k,v,E,M,m)=>{const w=z.gameplay.pixiStage,x=W==="foreground"?w.foregroundEffectsContainer:w.backgroundEffectsContainer,p=R.width,a=R.height,c=new D;c.angle=m;const C=c.rotation,y=Math.abs(Math.cos(C)),d=Math.abs(Math.sin(C)),i=p*y+a*d,f=p*d+a*y;c.width=i,c.height=f,c.pivot.set(i/2,f/2),c.position.set(p/2,a/2),x.addChild(c);const r=new G(E,{scale:!0,position:!0,rotation:!0,uvs:!1,alpha:!0});c.addChild(r);const u=[],I=N.from("./game/tex/cherryBlossoms.webp"),S=(h,l)=>h+Math.random()*(l-h);for(let h=0;h<E;h++){const l=Math.random()*Math.PI*2,n=U.from(I);n.anchor.set(.5),n.x=Math.random()*i,n.y=Math.random()*f,n.rotation=Math.random()*Math.PI*2,n.scale.set(Math.cos(l)*M,Math.sin(l)*M),n.speed=(S(.5,2)+S(.1,1))*k,n.rotationSpeed=Math.random()*.015*(Math.random()<.5?1:-1),n.positionPhase=Math.random()*Math.PI*2,n.scalePhase=l,u.push(n),r.addChild(n)}function A(h){const l=Date.now()/1e3;for(const n of u){const P=Math.sin(l+n.positionPhase)*v;n.x+=P*h,n.y+=n.speed*h,n.rotation+=n.rotationSpeed*h;const H=Math.cos(l+n.scalePhase)*M,F=Math.sin(l+n.scalePhase)*M;n.scale.set(H,F);const T=Math.abs(n.width*M),t=Math.abs(n.height*M);n.x+T/2<-i?n.x=i+T/2:n.x-T/2>i&&(n.x=-i-T/2),n.y-t/2>f&&(n.x=Math.random()*i,n.y=-Math.random()*50-t,n.positionPhase=Math.random()*Math.PI*2,n.scalePhase=Math.random()*Math.PI*2,n.speed=(S(.5,2)+S(.1,1))*k,n.rotationSpeed=Math.random()*.015*(Math.random()<.5?1:-1))}}return w.registerAnimation({setStartState:()=>{},setEndState:()=>{},tickerFunc:A},b),{container:c,tickerKey:b}};B("cherryBlossoms",{fg:()=>$("cherry-blossoms-foreground-ticker","foreground",2,3,100,.05,0),bg:()=>$("cherry-blossoms-background-ticker","background",1,2,300,.025,0)});const L=(b,W,k,v,E,M)=>{const m=z.gameplay.pixiStage;m.currentApp;const w=W==="foreground"?m.foregroundEffectsContainer:m.backgroundEffectsContainer,x=R.width,p=R.height,a=new D;a.angle=M;const c=a.rotation,C=Math.abs(Math.cos(c)),y=Math.abs(Math.sin(c)),d=x*C+p*y,i=x*y+p*C;a.width=d,a.height=i,a.pivot.set(d/2,i/2),a.position.set(x/2,p/2),w.addChild(a);const f=new G(v,{scale:!0,position:!0,rotation:!0,alpha:!0,uvs:!1});a.addChild(f);const r=[],u=[],I="./game/tex/rain.png",S=128,A=640,h=5,l=[10,5,2,2,1],n=t=>{if(!t||t.length===0)return 0;const e=t.reduce((o,g)=>o+g,0);if(e<=0)return Math.floor(Math.random()*t.length);let s=Math.random()*e;for(let o=0;o<t.length;o++){if(s<t[o])return o;s-=t[o]}return t.length-1},P=(t,e=!1)=>{const s=Math.random()*.5+.5;t.scale.set(E*s),t.anchor.set(.5),e?(t.x=Math.random()*d,t.y=Math.random()*i):(t.x=Math.random()*d,t.y=-Math.random()*50-t.height),t.alpha=Math.random()*.5+.5,t.vy=(Math.random()*.4+.8)*k},H=()=>{let t;r.length===h?t=n(l):t=Math.floor(Math.random()*r.length),t=Math.max(0,Math.min(t,r.length-1));const e=new U(r[t]);return P(e,!0),e},F=t=>{for(const e of u)e.y+=e.vy*t,(e.y-e.height/2>i||e.x<-e.width||e.x>d+e.width)&&P(e,!1)};return(()=>{for(r.length=0;u.length>0;)u.pop();f.removeChildren();const t=O.from(I),e=()=>{var s;if(t.valid)for(let o=0;o<h;o++){const g=new X(o*S,0,S,A);r.push(new N(t,g))}if(r.length===0){console.error("Failed to create any raindrop textures. Cannot create sprites.");return}(s=r[0])!=null&&s.valid||console.warn("First raindrop texture is invalid after creation. Sprites might not render correctly.");for(let o=0;o<v;o++){const g=H();f.addChild(g),u.push(g)}m.registerAnimation({setStartState:()=>{},setEndState:()=>{},tickerFunc:F},b)};t.valid?e():(t.once("loaded",()=>{e()}),t.once("error",s=>{console.error(`Error loading base texture ${I}:`,s),e()}))})(),{container:a,tickerKey:b}};B("rain",{fg:()=>L("rain-foreground-ticker","foreground",30,50,.4,1),bg:()=>L("rain-background-ticker","background",20,150,.3,1)});const _=(b,W,k,v,E,M)=>{const m=z.gameplay.pixiStage;m.currentApp;const w=W==="foreground"?m.foregroundEffectsContainer:m.backgroundEffectsContainer,x=R.width,p=R.height,a=new D;a.angle=M;const c=a.rotation,C=Math.abs(Math.cos(c)),y=Math.abs(Math.sin(c)),d=x*C+p*y,i=x*y+p*C;a.width=d,a.height=i,a.pivot.set(d/2,i/2),a.position.set(x/2,p/2),w.addChild(a);const f=new G(v,{scale:!0,position:!0,rotation:!0,alpha:!0,uvs:!1});a.addChild(f);const r=[],u=[],I="./game/tex/snow.png",S=128,A=128,h=10,l=[10,2,2,2,1,1,1,2,2,2],n=t=>{if(!t||t.length===0)return 0;const e=t.reduce((o,g)=>o+g,0);if(e<=0)return Math.floor(Math.random()*t.length);let s=Math.random()*e;for(let o=0;o<t.length;o++){if(s<t[o])return o;s-=t[o]}return t.length-1},P=(t,e=!1)=>{const s=Math.random()*.5+.5;t.scale.set(E*s),t.anchor.set(.5),e?(t.x=Math.random()*d,t.y=Math.random()*i):(t.x=Math.random()*d,t.y=-Math.random()*50-t.height),t.alpha=Math.random()*.2+.8,t.vy=(Math.random()*.4+.8)*k,t.vx=(Math.random()-.5)*.25*k,t.rotationSpeed=(Math.random()-.5)*.005},H=()=>{let t;r.length===h?t=n(l):t=Math.floor(Math.random()*r.length),t=Math.max(0,Math.min(t,r.length-1));const e=new U(r[t]);return P(e,!0),e},F=t=>{for(const e of u)e.y+=e.vy*t,e.x+=e.vx*t,e.rotation+=e.rotationSpeed*t,(e.y-e.height/2>i||e.x<-e.width||e.x>d+e.width)&&P(e,!1)};return(()=>{for(r.length=0;u.length>0;)u.pop();f.removeChildren();const t=O.from(I),e=()=>{var s;if(t.valid)for(let o=0;o<h;o++){const g=new X(o*S,0,S,A);r.push(new N(t,g))}if(r.length===0){console.error("Failed to create any snowflake textures. Cannot create sprites.");return}(s=r[0])!=null&&s.valid||console.warn("First snowflake texture is invalid after creation. Sprites might not render correctly.");for(let o=0;o<v;o++){const g=H();f.addChild(g),u.push(g)}m.registerAnimation({setStartState:()=>{},setEndState:()=>{},tickerFunc:F},b)};t.valid?e():(t.once("loaded",()=>{e()}),t.once("error",s=>{console.error(`Error loading base texture ${I}:`,s),e()}))})(),{container:a,tickerKey:b}};B("snow",{fg:()=>_("snow-foreground-ticker","foreground",3,250,.4,0),bg:()=>_("snow-background-ticker","background",1,750,.2,0)});B("heavySnow",{fg:()=>_("heavy-snow-foreground-ticker","foreground",20,1e3,.6,-75),bg:()=>_("heavy-snow-background-ticker","background",10,2e3,.3,-80)});

package/dist/index.html

@@ -7,6 +7,15 @@
     <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 {
         height: 100vh;
         width: 100vw;
@@ -17,6 +26,20 @@
         position: absolute;
         top: 0;
         left: 0;
+        background-color: black;
+      }
+
+      .html-body__effect-background-overlay {
+        height: 100%;
+        width: 100%;
+        background-position: center;
+        background-repeat: no-repeat;
+        background-size: cover;
+        position: absolute;
+        top: 0;
+        left: 0;
+        background-color: black;
+        opacity: 0;
       }
 
       .html-body__title-enter {
@@ -111,13 +134,16 @@
       .title-enter-container__link-to-github > div {
         padding: 0 0 0.25em 0;
       }
+
     </style>
-    <script type="module" crossorigin src="./assets/index-49446313.js"></script>
-    <link rel="stylesheet" href="./assets/index-52a967b4.css">
+    <script type="module" crossorigin src="./assets/index-MdzLVmuf.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-CkOq6uhz.css">
   </head>
   <body>
     <!-- 背景模糊 -->
-    <div class="html-body__effect-background"></div>
+    <div id="ebg" class="html-body__effect-background">
+      <div id="ebgOverlay" class="html-body__effect-background-overlay"></div>
+    </div>
     <!-- 落地页 -->
     <div class="html-body__title-enter">
       <div class="title-enter__initial-background"></div>
@@ -135,29 +161,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) {
@@ -193,6 +260,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}) `;
             }
           }
@@ -205,42 +277,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);
+          }
+        };
       })();
     </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')
@@ -256,7 +337,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;
@@ -281,6 +365,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';
@@ -295,7 +390,6 @@
               whiteBackground.style.opacity = '1';
             }
           }, 50); // 在50ms后开始显示白色渐变
-          const titleEnter = document.querySelector('.html-body__title-enter');
           setTimeout(() => {
             if (titleEnter) titleEnter.style.opacity = '0';
           }, 500); // 500ms后开始降低落地页透明度
@@ -307,7 +401,7 @@
             if (titleEnter) {
               titleEnter.style.display = 'none';
             }
-          }, 2000); // 将落地页设置为不显示
+          }, enterConfig.hideDelay); // 将落地页设置为不显示
           enterPromiseResolve();
         };
         const titleEnter = document.querySelector('.html-body__title-enter');
@@ -360,6 +454,5 @@
       })();
     </script>
     <!-- main文件 -->
-    
   </body>
 </html>

package/dist/webgal-serviceworker.js

@@ -1,63 +1,86 @@
-self.addEventListener('install', (ev) => {
-  // console.log('[service worker] installing');
-  ev.waitUntil(self.skipWaiting());
+const CACHE_NAME = 'webgal-critical-assets-v3';
+const GAME_PREFIX = '/game/';
+const CRITICAL_PATHS = ['/game/background/', '/game/figure/', '/game/bgm/', '/game/vocal/', '/game/video/'];
+const LOG_PREFIX = '[WebGAL SW]';
+const loggedKeys = new Set();
+
+function logOnce(key, ...args) {
+  if (loggedKeys.has(key)) return;
+  loggedKeys.add(key);
+  console.log(LOG_PREFIX, ...args);
+}
+
+self.addEventListener('install', (event) => {
+  logOnce('install', `install ${CACHE_NAME}`);
+  event.waitUntil(self.skipWaiting());
+});
+
+self.addEventListener('activate', (event) => {
+  logOnce('activate', `activate ${CACHE_NAME}`);
+  event.waitUntil(
+    (async () => {
+      const keys = await caches.keys();
+      await Promise.all(keys.filter((key) => key !== CACHE_NAME).map((key) => caches.delete(key)));
+      await self.clients.claim();
+    })(),
+  );
 });
 
-// fetch事件是每次页面请求资源时触发的
-self.addEventListener('fetch', function (event) {
-  const url = event.request.url;
-  const isReturnCache = !!(url.match('/assets/') && !url.match('game'));
-  if (isReturnCache) {
-    // console.log('%cCACHED: ' + url, 'color: #005CAF; padding: 2px;');
+function isCriticalGameRequest(request) {
+  if (request.method !== 'GET') return false;
+  const url = new URL(request.url);
+  if (url.origin !== self.location.origin) return false;
+  if (!url.pathname.startsWith(GAME_PREFIX)) return false;
+  return CRITICAL_PATHS.some((prefix) => url.pathname.startsWith(prefix));
+}
+
+// Stale-while-revalidate: return cached response immediately, then update cache in background.
+async function staleWhileRevalidate(request) {
+  const cache = await caches.open(CACHE_NAME);
+  const cached = await cache.match(request.url);
+
+  const fetchAndUpdate = async () => {
+    try {
+      const response = await fetch(request);
+      if (response.ok) {
+        await cache.put(request.url, response.clone());
+      }
+      return response;
+    } catch (e) {
+      return null;
+    }
+  };
+
+  if (cached) {
+    logOnce(`hit:${request.url}`, 'cache hit (revalidating):', new URL(request.url).pathname);
+    // Revalidate in background — don't await
+    fetchAndUpdate();
+    return cached;
+  }
+
+  // No cache — must wait for network
+  const response = await fetch(request);
+  if (response.ok) {
+    await cache.put(request.url, response.clone());
+    logOnce(`cache:${request.url}`, 'cached:', new URL(request.url).pathname);
   }
-  if (!isReturnCache) {
-    event.respondWith(fetch(event.request));
-  } else {
-    event.respondWith(
-      // 检查在缓存中是否有匹配的资源
-      caches.match(event.request).then(function (response) {
-        // 如果缓存中有匹配的资源，则返回缓存资源
-        if (response) {
-          return response;
-        }
-        // 如果没有匹配的资源，则尝试从网络请求
-        // 同时将获取的资源存入缓存
-        return fetch(event.request)
-          .then(function (networkResponse) {
-            console.log('%cCACHED: ' + url, 'color: #005CAF; padding: 2px;');
-            if (networkResponse.status === 206 && event.request.headers.has('range')) {
-              // 如果是部分响应且请求带有Range头，则创建新的请求，将完整响应返回给客户端
-              // eslint-disable-next-line max-nested-callbacks
-              return fetch(event.request.url).then(function (fullNetworkResponse) {
-                const headers = {};
-                for (let entry of fullNetworkResponse.headers.entries()) {
-                  headers[entry[0]] = entry[1];
-                }
-                const fullResponse = new Response(fullNetworkResponse.body, {
-                  status: fullNetworkResponse.status,
-                  statusText: fullNetworkResponse.statusText,
-                  headers: headers,
-                });
-                const clonedResponse = fullResponse.clone();
-                // eslint-disable-next-line max-nested-callbacks
-                caches.open('my-cache').then(function (cache) {
-                  cache.put(event.request, clonedResponse);
-                });
-                return fullResponse;
-              });
-            }
-            const clonedResponse = networkResponse.clone();
-            // eslint-disable-next-line max-nested-callbacks
-            caches.open('my-cache').then(function (cache) {
-              cache.put(event.request, clonedResponse);
-            });
-            return networkResponse;
-          })
-          .catch(function (error) {
-            console.error('Fetching failed:', error);
-            throw error;
-          });
-      }),
-    );
+  return response;
+}
+
+self.addEventListener('fetch', (event) => {
+  const { request } = event;
+  if (!isCriticalGameRequest(request)) return;
+
+  // Audio/video range requests are passed through to avoid partial-content edge cases.
+  if (request.headers.has('range')) {
+    logOnce(`range:${request.url}`, 'range passthrough:', new URL(request.url).pathname);
+    event.respondWith(fetch(request));
+    return;
   }
+
+  event.respondWith(
+    staleWhileRevalidate(request).catch(() => {
+      return fetch(request);
+    }),
+  );
 });

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "webgal-engine",
-  "version": "4.5.17",
+  "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"
   }
 }

package/dist/assets/conentsCash-75763c1a.js

@@ -1 +0,0 @@
-var e=Object.defineProperty;var c=(n,t,s)=>t in n?e(n,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[t]=s;var o=(n,t,s)=>(c(n,typeof t!="symbol"?t+"":t,s),s);class h{constructor(){o(this,"_content","")}push(t){this._content=t}pop(){const t=this._content;return this._content="",t}}class i{constructor(){o(this,"_content","")}push(t){this._content=t}pop(){const t=this._content;return this._content="",t}}const _=new h,p=new i;export{h as FigureConentsCash,i as VoiceConentsCash,_ as figureCash,p as voiceCash};