From 10584db979059ad2d63fc2721b7fa7538e2b3ca6 Mon Sep 17 00:00:00 2001 From: Pihkaal Date: Sun, 16 Nov 2025 20:19:47 +0100 Subject: [PATCH] feat(home): intro + outro animations --- .../images/home/top-screen/background.png | Bin 197467 -> 197467 bytes .../home/top-screen/calendar/calendar.png | Bin 0 -> 54295 bytes app/assets/images/home/top-screen/clock.png | Bin 0 -> 41241 bytes .../home/top-screen/status-bar/status-bar.png | Bin 0 -> 16619 bytes .../Home/BottomScreen/Background.vue | 3 + .../Home/BottomScreen/Buttons/Buttons.vue | 45 +- .../Buttons/DownloadPlayButton.vue | 2 +- .../Home/BottomScreen/Buttons/GameButton.vue | 2 +- .../BottomScreen/Buttons/PictochatButton.vue | 2 +- .../Home/BottomScreen/Buttons/Selector.vue | 2 +- app/components/Home/TopScreen/Background.vue | 4 + app/components/Home/TopScreen/Calendar.vue | 18 +- app/components/Home/TopScreen/Clock.vue | 22 +- app/components/Home/TopScreen/StatusBar.vue | 23 +- app/stores/home.ts | 91 + nuxt.config.ts | 3 +- package.json | 2 + pnpm-lock.yaml | 7633 ++++++----------- 18 files changed, 2764 insertions(+), 5088 deletions(-) create mode 100644 app/assets/images/home/top-screen/calendar/calendar.png create mode 100644 app/assets/images/home/top-screen/clock.png create mode 100644 app/assets/images/home/top-screen/status-bar/status-bar.png create mode 100644 app/stores/home.ts diff --git a/app/assets/images/home/top-screen/background.png b/app/assets/images/home/top-screen/background.png index 677b887db75db674e42918e88cc1edf6ec04a6e8..eb1898a0bb0a98e7e550019408eec30ada98ccbb 100644 GIT binary patch delta 898 zcmccJ#&f%kXF``aKd%H!d=uY31_lKNPZ!6K3Py&GhVuH!j+u><10-mLniV>T9Zh<>Y2rLdJ7#TO$tppNKwP3MjEG)dYB98zyq@#!< zbRk&Hj4U<1cZGmz+kpl}h)@0?y=8O5+ER8FHB+61K;aoI4h{S3H#e>i6@|cLyQQSC>E}U4E^nW3z^K&WP(_V zZxuL!WGomb9$-V&=EZV+eP1d}lAlGP;eI`;3R{*VftlZ7Dx^^*O<8y){Z7Cnl~E;i zSsdz5B)}xKQ6*Jb^3J4b!6Z$vSS-PE^;>Z~Ooaogb^(^1WgL+(Ne@&>j_r#cGA&gU YnX_w_)!mI>UNQiIr>mdKI;Vst07&C%(*OVf literal 197467 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
T&!)U8z)`2Z_m^xF`Qei6@A=*kT8a# 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 Ce|ug4 literal 0 HcmV?d00001 diff --git a/app/assets/images/home/top-screen/clock.png b/app/assets/images/home/top-screen/clock.png new file mode 100644 index 0000000000000000000000000000000000000000..c418ceee19508062a1a0c1acc3fbe6a689049b93 GIT binary patch literal 41241 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 eYl6-NAj*dQ`K6)9^V*hz6nnb*xvX +const store = useHomeStore(); + const backgroundImage = useTemplateRef("backgroundImage"); useRender((ctx) => { if (!backgroundImage.value) return; + ctx.globalAlpha = store.intro.stage1Opacity; ctx.drawImage(backgroundImage.value, 0, 0); }); diff --git a/app/components/Home/BottomScreen/Buttons/Buttons.vue b/app/components/Home/BottomScreen/Buttons/Buttons.vue index 71f711e..7605569 100644 --- a/app/components/Home/BottomScreen/Buttons/Buttons.vue +++ b/app/components/Home/BottomScreen/Buttons/Buttons.vue @@ -1,10 +1,17 @@