Move arrival count to loading footer and prevent startup flash

dist/assets/OriginalGlassRenderer-BAqBMSXc.js

@@ -1,4 +1,4 @@
-import{a as e,c as t,d as n,f as r,h as i,i as a,l as o,m as s,n as c,o as l,p as u,r as ee,u as d}from"./index-BYcEjj7E.js";var f=`uniform sampler2D uSceneTexture,uSceneDepth;
+import{a as e,c as t,d as n,f as r,h as i,i as a,l as o,m as s,n as c,o as l,p as u,r as ee,u as d}from"./index-DoRt0pZc.js";var f=`uniform sampler2D uSceneTexture,uSceneDepth;
 uniform sampler2D uProtectionDepthMap;
 uniform mat4 uContentViewProjection,uContentInverseViewProjection;
 uniform mat4 uPetWorldToLocal;

dist/assets/PhysicalGlassComparison-HEVBf_iN.js

@@ -1 +1 @@
-import{a as e,d as t,h as n,l as r,n as i,o as a,s as o,u as s}from"./index-BYcEjj7E.js";var c=class{renderer;background;targetA=new n(1,1,{type:e});targetB=new n(1,1,{type:e});blitMaterial=new o({toneMapped:!1,depthTest:!1,depthWrite:!1});blit=new a(new s(2,2),this.blitMaterial);blitScene=new t;blitCamera=new r(-1,1,1,-1,0,1);disposed=!1;constructor(e,t){this.renderer=e,this.background=t,this.blitScene.add(this.blit)}resize(e,t){for(let n of[this.targetA,this.targetB])(n.width!==e||n.height!==t)&&n.setSize(e,t)}composite(e,t){this.renderer.setRenderTarget(null),this.renderer.setScissorTest(!1);let n=this.renderer.getClearColor(new i),r=this.renderer.getClearAlpha();this.renderer.setClearColor(this.background,1),this.renderer.clear(),this.renderer.setClearColor(n,r),this.renderer.setScissorTest(!0);try{for(let n=0;n<e.length;n++){let r=e[n];this.renderer.setViewport(r.x,t-r.y-r.height,r.width,r.height),this.renderer.setScissor(r.x,t-r.y-r.height,r.width,r.height),this.blitMaterial.map=n===0?this.targetA.texture:this.targetB.texture,this.renderer.render(this.blitScene,this.blitCamera)}}finally{this.renderer.setScissorTest(!1),this.renderer.setViewport(0,0,this.renderer.domElement.clientWidth,t)}}dispose(){this.disposed||(this.disposed=!0,this.renderer.getContext().isContextLost()||(this.renderer.setRenderTarget(null),this.renderer.setScissorTest(!1)),this.targetA.dispose(),this.targetB.dispose(),this.blit.geometry.dispose(),this.blitMaterial.dispose(),this.blitScene.clear())}};export{c as PhysicalGlassComparison};
+import{a as e,d as t,h as n,l as r,n as i,o as a,s as o,u as s}from"./index-DoRt0pZc.js";var c=class{renderer;background;targetA=new n(1,1,{type:e});targetB=new n(1,1,{type:e});blitMaterial=new o({toneMapped:!1,depthTest:!1,depthWrite:!1});blit=new a(new s(2,2),this.blitMaterial);blitScene=new t;blitCamera=new r(-1,1,1,-1,0,1);disposed=!1;constructor(e,t){this.renderer=e,this.background=t,this.blitScene.add(this.blit)}resize(e,t){for(let n of[this.targetA,this.targetB])(n.width!==e||n.height!==t)&&n.setSize(e,t)}composite(e,t){this.renderer.setRenderTarget(null),this.renderer.setScissorTest(!1);let n=this.renderer.getClearColor(new i),r=this.renderer.getClearAlpha();this.renderer.setClearColor(this.background,1),this.renderer.clear(),this.renderer.setClearColor(n,r),this.renderer.setScissorTest(!0);try{for(let n=0;n<e.length;n++){let r=e[n];this.renderer.setViewport(r.x,t-r.y-r.height,r.width,r.height),this.renderer.setScissor(r.x,t-r.y-r.height,r.width,r.height),this.blitMaterial.map=n===0?this.targetA.texture:this.targetB.texture,this.renderer.render(this.blitScene,this.blitCamera)}}finally{this.renderer.setScissorTest(!1),this.renderer.setViewport(0,0,this.renderer.domElement.clientWidth,t)}}dispose(){this.disposed||(this.disposed=!0,this.renderer.getContext().isContextLost()||(this.renderer.setRenderTarget(null),this.renderer.setScissorTest(!1)),this.targetA.dispose(),this.targetB.dispose(),this.blit.geometry.dispose(),this.blitMaterial.dispose(),this.blitScene.clear())}};export{c as PhysicalGlassComparison};

dist/index.html

@@ -7,8 +7,18 @@
     <meta name="description" content="우리집 멍멍이, 할머니 집 유리문 너머로">
     <title>Behind Glass · 할머니집 창가</title>
     <link rel="preload" href="/fonts/BMKkubulim.woff" as="font" type="font/woff" crossorigin>
-    <script type="module" crossorigin src="/assets/index-BYcEjj7E.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CAEr_JzP.css">
+    <script>
+      if (document.fonts) {
+        document.documentElement.dataset.fontLoading = '';
+        const showPage = () => { delete document.documentElement.dataset.fontLoading; };
+        const fallback = setTimeout(showPage, 3000);
+        document.addEventListener('DOMContentLoaded', () => {
+          document.fonts.load('16px "BM Kkubulim"').then(showPage, showPage).finally(() => clearTimeout(fallback));
+        }, { once: true });
+      }
+    </script>
+    <script type="module" crossorigin src="/assets/index-DoRt0pZc.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-D7twsXVD.css">
   </head>
   <body>
     <div id="app">
@@ -46,7 +56,7 @@
           <p id="gyro-status" class="sr-only" role="status" aria-live="polite">기울기는 꺼져 있어요. 드래그로 둘러볼 수 있어요.</p>
         </div>
         </header>
-        <section id="welcome" class="welcome" aria-labelledby="welcome-title">
+        <section id="welcome" class="welcome" data-step="name" aria-labelledby="welcome-title">
           <div class="entry-door" aria-hidden="true"><span></span></div>
           <p class="entry-kicker">behind glass</p>
           <h1 id="welcome-title">할머니 집에<br><span id="welcome-name">멍멍이가 왔어요</span></h1>
@@ -76,7 +86,6 @@
             <span id="notice-position" aria-hidden="true">1 / 2</span>
             <span id="notice-status" class="sr-only" role="status" aria-live="polite" aria-atomic="true"></span>
           </div>
-          <p class="arrival-count" data-arrival-count hidden></p>
         </section>
         <section id="flow-overlay" class="flow-overlay" hidden aria-labelledby="flow-title" aria-busy="false">
           <div id="journey" class="journey" hidden>
@@ -113,6 +122,7 @@
           <h2 id="flow-title" role="status" aria-live="polite">멍멍이를 할머니 집으로 데려가는 중…</h2>
           <p id="flow-detail" aria-live="polite"></p>
           <div id="flow-actions" class="flow-actions"><button id="flow-retry" type="button" hidden>다시 시도하기</button><button id="flow-flat" type="button" hidden>평면 사진으로 보기</button><button class="upload" type="button" data-pick-photo>다른 사진 고르기</button><button id="flow-samples" type="button" hidden>다른 샘플 고르기</button></div>
+          <p class="arrival-count" data-arrival-count hidden></p>
         </section>
       </main>
       <dialog id="home-dialog" aria-labelledby="home-title" aria-describedby="home-detail">