0721-afternoon

src/App.vue

@@ -5,7 +5,7 @@ import Page1 from './pages/Page1.vue';
 import assets from './assets';
 import Loader from './pages/Loader.vue';
 
-const stage = ref(1);
+const stage = ref(-1);
 
 const userData = ref({
   region: '奥莱',
@@ -64,7 +64,7 @@ watch(playingBgm, (val) => {
 
 //std radio is 2462 / 1179
 
-const scale = ref(-1);
+const scale = ref(1);
 const onResize = () => {
   let radio = window.innerHeight / window.innerWidth;
   let stdRadio = 2462 / 1179;
@@ -89,14 +89,14 @@ const gameKey = ref(10)
 <template>
   <main :style="{ scale: scale }">
     <div class="bg"> </div>
-    <img class="cloud cloud-top" src="./assets/game/云.png" v-for="c in [
+    <img class="cloud cloud-top" src="./assets/game/云.webp" v-for="c in [
       { w: 60, t: 10, l: 75, all: true },
       { w: 75, t: 55, l: -45 },
       { w: 40, t: 105, l: 35 },
     ]" :style="{ width: `${c.w}vw`, top: `${c.t}vw`, left: `${c.l}vw` }"
       :class="{ all: c.all, left: c.l < 0, right: c.l > 0 }"></img>
 
-    <img class="cloud cloud-bottom" src="./assets/game/云.png" v-for="c in [
+    <img class="cloud cloud-bottom" src="./assets/game/云.webp" v-for="c in [
       { w: 75, t: 165, l: -35, all: true },
       { w: 100, t: 144, l: 60, all: true },
     ]" :style="{ width: `${c.w}vw`, top: `${c.t}vw`, left: `${c.l}vw` }"
@@ -119,9 +119,9 @@ const gameKey = ref(10)
     <div class="overlay page">
       <div class="bgm"
         style="position: absolute; top: 16vw;right: 8vw;width: 8vw; cursor: pointer;pointer-events: all;">
-        <img src="./assets/开启音乐.png" @click="playingBgm = false" alt=""
+        <img src="./assets/开启音乐.webp" @click="playingBgm = false" alt=""
           v-if="playingBgm">
-        <img src="./assets/关掉音乐.png" @click="playingBgm = true" alt="" v-else>
+        <img src="./assets/关掉音乐.webp" @click="playingBgm = true" alt="" v-else>
       </div>
     </div>
 
@@ -198,7 +198,7 @@ main {
   height: calc(2462 / 1179 * 100vw);
   width: 100%;
   z-index: -1;
-  background-image: url('./assets/game/蓝天.png');
+  background-image: url('./assets/game/蓝天.webp');
   background-size: cover;
   background-position: center;
 }

src/assets/index.ts

@@ -1,18 +1,18 @@
 export default {
-    "标准logo": new URL('./标准 logo.png', import.meta.url).href,
+    "标准logo": new URL('./标准 logo.webp', import.meta.url).href,
     "p1": {
-        "奥莱": new URL('./p1/奥莱.png', import.meta.url).href,
+        "奥莱": new URL('./p1/奥莱.webp', import.meta.url).href,
-        "博物馆": new URL('./p1/博物馆.png', import.meta.url).href,
+        "博物馆": new URL('./p1/博物馆.webp', import.meta.url).href,
-        "大北区": new URL('./p1/大北区.png', import.meta.url).href,
+        "大北区": new URL('./p1/大北区.webp', import.meta.url).href,
-        "大东区": new URL('./p1/大东区.png', import.meta.url).href,
+        "大东区": new URL('./p1/大东区.webp', import.meta.url).href,
-        "大南区&免税": new URL('./p1/大南区&免税.png', import.meta.url).href,
+        "大南区&免税": new URL('./p1/大南区&免税.webp', import.meta.url).href,
-        "大西区": new URL('./p1/大西区.png', import.meta.url).href,
+        "大西区": new URL('./p1/大西区.webp', import.meta.url).href,
-        "弹性福利之旅": new URL('./p1/弹性福利之旅.png', import.meta.url).href,
+        "弹性福利之旅": new URL('./p1/弹性福利之旅.webp', import.meta.url).href,
-        "箭头": new URL('./p1/箭头.png', import.meta.url).href,
+        "箭头": new URL('./p1/箭头.webp', import.meta.url).href,
-        "蓝天": new URL('./p1/蓝天.png', import.meta.url).href,
+        "蓝天": new URL('./p1/蓝天.webp', import.meta.url).href,
-        "太阳": new URL('./p1/太阳.png', import.meta.url).href,
+        "太阳": new URL('./p1/太阳.webp', import.meta.url).href,
-        "Flexible benefits": new URL('./p1/Flexible benefits.png', import.meta.url).href,
+        "Flexible benefits": new URL('./p1/Flexible benefits.webp', import.meta.url).href,
-        "Tour": new URL('./p1/Tour.png', import.meta.url).href,
+        "Tour": new URL('./p1/Tour.webp', import.meta.url).href,
     },
     game:{
         
@@ -28,22 +28,23 @@ export default {
         //x, y = (484, 782) -> (786, 908)
         开始探索: new URL('./ani/开始探索.zip', import.meta.url).href,
         结尾主标: new URL('./ani/结尾主标.zip', import.meta.url).href,
-        海报: new URL('./ani/海报.zip', import.meta.url).href,
+        海报p1: new URL('./ani/海报p1.zip', import.meta.url).href,
+        海报p2: new URL('./ani/海报p2.zip', import.meta.url).href,
     },
     icons: [
-        [new URL('./icons/icon1.png', import.meta.url).href, new URL('./icons/bigicon1.png', import.meta.url).href],
+        [new URL('./icons/icon1.webp', import.meta.url).href, new URL('./icons/bigicon1.webp', import.meta.url).href],
-        [new URL('./icons/icon2.png', import.meta.url).href, new URL('./icons/bigicon2.png', import.meta.url).href],
+        [new URL('./icons/icon2.webp', import.meta.url).href, new URL('./icons/bigicon2.webp', import.meta.url).href],
-        [new URL('./icons/icon3.png', import.meta.url).href, new URL('./icons/bigicon3.png', import.meta.url).href],
+        [new URL('./icons/icon3.webp', import.meta.url).href, new URL('./icons/bigicon3.webp', import.meta.url).href],
-        [new URL('./icons/icon4.png', import.meta.url).href, new URL('./icons/bigicon4.png', import.meta.url).href],
+        [new URL('./icons/icon4.webp', import.meta.url).href, new URL('./icons/bigicon4.webp', import.meta.url).href],
-        [new URL('./icons/icon5.png', import.meta.url).href, new URL('./icons/bigicon5.png', import.meta.url).href],
+        [new URL('./icons/icon5.webp', import.meta.url).href, new URL('./icons/bigicon5.webp', import.meta.url).href],
-        [new URL('./icons/icon6.png', import.meta.url).href, new URL('./icons/bigicon6.png', import.meta.url).href],
+        [new URL('./icons/icon6.webp', import.meta.url).href, new URL('./icons/bigicon6.webp', import.meta.url).href],
-        [new URL('./icons/icon7.png', import.meta.url).href, new URL('./icons/bigicon7.png', import.meta.url).href],
+        [new URL('./icons/icon7.webp', import.meta.url).href, new URL('./icons/bigicon7.webp', import.meta.url).href],
-        [new URL('./icons/icon8.png', import.meta.url).href, new URL('./icons/bigicon8.png', import.meta.url).href],
+        [new URL('./icons/icon8.webp', import.meta.url).href, new URL('./icons/bigicon8.webp', import.meta.url).href],
     ],
     metal:[
-        [new URL('./game/metal_0.png', import.meta.url).href,],
+        [new URL('./game/metal_0.webp', import.meta.url).href,],
-        [new URL('./game/metal_1.png', import.meta.url).href,],
+        [new URL('./game/metal_1.webp', import.meta.url).href,],
-        [new URL('./game/metal_2.png', import.meta.url).href,]
+        [new URL('./game/metal_2.webp', import.meta.url).href,]
     ],
     bgm: new URL('./bgm.mp3', import.meta.url).href,
 }