From 99ba13961ea78bdb4ed11055e3fb60fa97d80656 Mon Sep 17 00:00:00 2001
From: Pihkaal <pihkaal@proton.me>
Date: Fri, 6 Feb 2026 23:18:16 +0100
Subject: [PATCH] feat(settings/options/startUp): intro and outro animation

---
 .../BottomScreen/Menus/Options/StartUp.vue    | 104 ++++++++++++++++--
 .../rendering-mode/button-active-body.webp    | Bin 0 -> 796 bytes
 .../rendering-mode/button-active-header.webp  | Bin 0 -> 1510 bytes
 .../options/rendering-mode/button-active.webp | Bin 2124 -> 0 bytes
 .../options/rendering-mode/button-body.webp   | Bin 0 -> 130 bytes
 .../options/rendering-mode/button-header.webp | Bin 0 -> 188 bytes
 .../options/rendering-mode/button.webp        | Bin 168 -> 0 bytes
 .../options/rendering-mode/startup-mode.webp  | Bin 88 -> 0 bytes
 8 files changed, 92 insertions(+), 12 deletions(-)
 create mode 100644 public/nds/images/settings/bottom-screen/options/rendering-mode/button-active-body.webp
 create mode 100644 public/nds/images/settings/bottom-screen/options/rendering-mode/button-active-header.webp
 delete mode 100644 public/nds/images/settings/bottom-screen/options/rendering-mode/button-active.webp
 create mode 100644 public/nds/images/settings/bottom-screen/options/rendering-mode/button-body.webp
 create mode 100644 public/nds/images/settings/bottom-screen/options/rendering-mode/button-header.webp
 delete mode 100644 public/nds/images/settings/bottom-screen/options/rendering-mode/button.webp
 delete mode 100644 public/nds/images/settings/bottom-screen/options/rendering-mode/startup-mode.webp

diff --git a/app/components/Settings/BottomScreen/Menus/Options/StartUp.vue b/app/components/Settings/BottomScreen/Menus/Options/StartUp.vue
index 794a511..c2e3ac9 100644
--- a/app/components/Settings/BottomScreen/Menus/Options/StartUp.vue
+++ b/app/components/Settings/BottomScreen/Menus/Options/StartUp.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { until } from "@vueuse/core";
+import gsap from "gsap";
 
 const app = useAppStore();
 const store = useSettingsStore();
@@ -9,6 +10,63 @@ const { assets } = useAssets();
 const renderingModeAssets =
   assets.images.settings.bottomScreen.options.renderingMode;
 
+const HEADER_HEIGHT = renderingModeAssets.buttonHeader.rect.height;
+const HEADER_SLIDE_DURATION = 0.2;
+const BUTTON_STAGGER = 0.3;
+const SLIDE_OFFSET = 96;
+const SLIDE_DURATION = 0.25;
+
+const animation = reactive({
+  _3dMode: { headerOffsetY: HEADER_HEIGHT * 3, opacity: 0 },
+  _2dMode: { headerOffsetY: HEADER_HEIGHT * 3, opacity: 0 },
+  outroOffsetY: 0,
+  outroOpacity: 1,
+});
+
+const animateIntro = async () => {
+  await gsap
+    .timeline()
+    .to(
+      animation._3dMode,
+      {
+        opacity: 1,
+        headerOffsetY: 0,
+        duration: HEADER_SLIDE_DURATION,
+        ease: "none",
+      },
+      0,
+    )
+    .to(
+      animation._2dMode,
+      {
+        opacity: 1,
+        headerOffsetY: 0,
+        duration: HEADER_SLIDE_DURATION,
+        ease: "none",
+      },
+      BUTTON_STAGGER,
+    );
+};
+
+const animateOutro = async () => {
+  await gsap
+    .timeline()
+    .to(
+      animation,
+      { outroOffsetY: SLIDE_OFFSET, duration: SLIDE_DURATION, ease: "none" },
+      0,
+    )
+    .to(
+      animation,
+      { outroOpacity: 0, duration: SLIDE_DURATION, ease: "none" },
+      0,
+    );
+};
+
+onMounted(() => {
+  animateIntro();
+});
+
 const { selected, selectorPosition } = useButtonNavigation({
   buttons: {
     _3dMode: [11, 27, 233, 74],
@@ -25,7 +83,8 @@ const { selected, selectorPosition } = useButtonNavigation({
   },
 });
 
-const handleCancel = () => {
+const handleCancel = async () => {
+  await animateOutro();
   store.closeSubMenu();
 };
 
@@ -39,7 +98,8 @@ const handleConfirm = () => {
         mode === "3d"
           ? $t("settings.options.startUp.confirmation3d")
           : $t("settings.options.startUp.confirmation2d"),
-      onClosed: () => {
+      onClosed: async () => {
+        await animateOutro();
         store.closeSubMenu();
       },
       timeout: 2000,
@@ -62,25 +122,35 @@ onRender((ctx) => {
     logo: AtlasImage,
     y: number,
     active: boolean,
+    key: "_3dMode" | "_2dMode",
   ) => {
     ctx.save();
-    ctx.translate(16, y);
+    ctx.translate(16, y + animation.outroOffsetY);
 
-    if (active) {
-      renderingModeAssets.buttonActive.draw(ctx, 0, 0, { colored: true });
-    } else {
-      renderingModeAssets.button.draw(ctx, 0, 0);
-    }
+    const buttonWidth = renderingModeAssets.buttonBody.rect.width;
 
-    const buttonWidth = renderingModeAssets.button.rect.width;
+    const bodyImg = active
+      ? renderingModeAssets.buttonActiveBody
+      : renderingModeAssets.buttonBody;
+    const headerImg = active
+      ? renderingModeAssets.buttonActiveHeader
+      : renderingModeAssets.buttonHeader;
+    const colorOpts = active ? { colored: true } : undefined;
 
-    ctx.fillStyle = "#000000";
-    fillImageTextHCentered(ctx, logo, title, 0, 4, buttonWidth, 4);
+    ctx.globalAlpha = animation[key].opacity * animation.outroOpacity;
 
+    bodyImg.draw(ctx, 0, HEADER_HEIGHT - 2, colorOpts);
     ctx.fillStyle = "#282828";
     const text = $t("settings.options.startUp.autoStart");
     fillTextHCenteredMultiline(ctx, text, 0, y, buttonWidth, 15);
 
+    ctx.translate(0, animation[key].headerOffsetY);
+    headerImg.draw(ctx, 0, 0, colorOpts);
+    ctx.fillStyle = "#000000";
+    fillImageTextHCentered(ctx, logo, title, 0, 4, buttonWidth, 4);
+
+    ctx.globalAlpha = 1;
+
     ctx.restore();
   };
 
@@ -89,12 +159,14 @@ onRender((ctx) => {
     renderingModeAssets._3dMode,
     32,
     selected.value === "_3dMode",
+    "_3dMode",
   );
   drawButton(
     $t("settings.options.startUp.2dMode"),
     renderingModeAssets._2dMode,
     96,
     selected.value === "_2dMode",
+    "_2dMode",
   );
 });
 </script>
@@ -108,5 +180,13 @@ onRender((ctx) => {
     @activate-a="handleConfirm"
   />
 
-  <CommonButtonSelector :rect="selectorPosition" />
+  <CommonButtonSelector
+    :rect="[
+      selectorPosition[0],
+      selectorPosition[1] + animation.outroOffsetY,
+      selectorPosition[2],
+      selectorPosition[3],
+    ]"
+    :opacity="animation[selected].opacity * animation.outroOpacity"
+  />
 </template>
diff --git a/public/nds/images/settings/bottom-screen/options/rendering-mode/button-active-body.webp b/public/nds/images/settings/bottom-screen/options/rendering-mode/button-active-body.webp
new file mode 100644
index 0000000000000000000000000000000000000000..bff40b30770414f6ee546c2588e5c77049991e49
GIT binary patch
literal 796
zcmWIYbaNA7W?%?+bqWXzu<+pkvi0vCILvVT(UxtwD=ott=cu>0@MUy7%Sgy#;VkU@
zJ@IpHb74-juii}E&<m^2wpgt>z*nI9Zqs?+oZIU*)%|<Wz?b6UsNu}iEbX;x&gGf^
z8B)27TCaa?YA{IPQetA&j(c{r;ZZ7^h2a7ZzXb}+vMrpstS%bWfwl(}xXOS0uQ#_A
zF`hPu<6K+f;?#zUC)|hU9Y{F3dX7WH5u1}D8SW-Gsu#*H+_7%uW1CGC>!dqUUZ_6j
zJ2FAtO5<<`&*NH!j)>VW4VhS%sf#?E;S_V7E9s@euT)O1+!u)rhfMN0WhSY32B~z;
zoS8lo2qgdgpE7OF?3Cw<s}2b({d#{QSJ_>Qsp>FWzD559N%zN#-x^ML4-Q&g9nqxC
z+x=7iv%RNL&2JN<$a8Lf>GHj=AJ|Oa>}zH5eaflL56;O2SsMIL{-^HAmOsDDW7*Mr
zufB5h_CMX8&^L9`ZDE~<sXEW<&-_<8`Qh#56IUMPbX}h5Y`o~EaKbZ_9jZDH&n6jy
zHMix@cRQB+-a35!!opJfoqu-OS?zcZv_5=g2}JvYx0j_P`}bab&1>?`{C?xfPnY%|
z5Q;mP^zZl||4BUe?RtIsfRa2?;nnA#9-eaLkJz*ac0Iu}A*KVJX6C1M{N5|m#f83g
zk3JcC-^)wpT-O&|_}Tth{iKu|-!h%gU45-GOVIb<vrp#Ulk49F?G(Qgzs_9{V*7@-
zm)qv7zOJ1SGkssd&ltC-@$V8i*X{Q?diMW}|DKZ$-d-N77Mzs-)vEE>)!N6OO1)ma
z;+uN+!9Fvsxsc$?`MpK)dHK4$#f7<lAAG8fUiG(D=V0yqB|&flM2%wKtc|;VamTOe
zF>z}>_u4P`WUz-<YcE89#qTY=U<Kh9cZB^b{2A}gUOwy8%m=58rshC`;GSLXOrKt0
z7??<f?>zDJ(3Fr}!6ANZ;m22sAbIlt>|Gtlwtkp(dbZlt8X50`)OlW}u-G&6Uv}~)
F2LR>WmP!Bs

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/bottom-screen/options/rendering-mode/button-active-header.webp b/public/nds/images/settings/bottom-screen/options/rendering-mode/button-active-header.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6807b97adc2efc6dbeed63b7a94b1163b6e54859
GIT binary patch
literal 1510
zcmV<C1sVEMNk&HA1pok7MM6+kP&iD{1pojq-oQfu-{i!$Z8y1x`d#7@2{VXf{)!>Q
z5nQjTbEW}BwryF>-n7pFs&SFnj3mR#IOBqQl7735ZCh2&#@;6*`=9<hpc67OiQL`y
z{71+Dh!{bFh!OF+znE?W;z^jE1R}REJx3s(gz0sM>3N4~Hv*CWFm3NJ<@AK8c2kI^
z0<q-j|M|lqL{ot%Gfbg^$P7~%ftYU}5V;+hG6V4>OgjRR*)Y`vV&KWdZO+sYh#a0w
zIR(O94e=adDm)=}Jedklh?)aaI6{OYQ#eBOR7`~i;&!W;F56<XXxVY}|NK1`XaCRN
zezBI%-|F6nsJ9CkoB3q1zt33o*O8?5dn{@A83<Thih%A`15{r^)JGv&!u0xsX?;F1
zwPOO&ZG|W^Ok9slcTY_1{s`f*hVW7#a$7QOe^*4(5eOvhkG?=e1S%i3ZQIV;(QZ@Q
zwr$(CZFkokb!>Kwe|yi@`#A2pjgy_Mdqwo$3EN1Llt|$Pd+)_^Y}<_+DXra9KJKmK
zUi-@dZ~!2YKt%sb&?3&jU8LC+%wVrK`Aj>PCdgN^SDbu>%|FeByaLi}C}abBL&!JU
z{L>`JkwThC@hy8h$iK1qr$v(^O=;Hh(08e*yEFCSebU?y&awA6`FXpRCa7<)R}Xn>
zVE$=G$&pZ+tqQr#-dD-*xC8$*eaTyaG?D5qd+jB^=a7HeYvf2I%~T%xE|ui@&d${&
zX-)<g*}Dh%g{sP=39?J<eKz^!s^XuvA9AEknhk|qVXr*oSF4JD+9Tx1J82^CuCdpJ
z{Cek3{L{qA6Clm&^3ZpwsJk=eVRx5iH_(H<C&_!-wKPH9o4xyx_p<q?olTBp(u@_-
zpS@#~_p|w@?Lm(8mnISqV6PAIfj0lN;p9jz%{F<+yHuY4-sHSXn!CY4_G*$JutRBr
z@GN^%$<NsQ(=^GEQkt1UPO-O>{ItzKEt?!^N)u_`VsAA0O?Tj*)<GTtX{Pd!cd0!0
zozcl&Y3>1s*gFULVYeKT=KmaJZ%y(eK@0!1S>!p8W~Gp0?A0Pa9whwJO39H>nn-w(
zy+_GUIN_hBha9P;S;#})rK0au;pe|^RNl$n-Q+v$Oqw9u&febS+id=6yUCHJG;4+Y
z#olW2KLhhm>msj#G%N5od$q{_3CusOlpG1AnaV@nH!8pQJfjz}H=BI1T}l&_TiCmj
ze5=hrEf+bGO0!VNAMEu-{=3aTZ8<rTOB2a|W3M{-uQvZQS8^njW<wq?{m$rR?A=Yi
z+|Hy4vhUfuzsSF{`KRsw<VYsXNFl$l*Eji7n}6DNawL}~lK;!zaPt4$o`0GL`BNax
zN**sf&*+8HTmY7`cP#QHb}UU0Z)UFz@=byHrwt=VB57_?$PesIBmdFnpJqvpl+r}X
zpV%u&{<F<LErlF;C(T$M@-CGZpRWqfXK#Oy&$H)C6ExSdx0-xSVE$=c<Q0%+n?gQg
zZxs3Gf%&IZkRydOk>U&XR*-)gn15Onc?F~y$>W9RtHN`nITx&A?_A`o?L?X&`INo$
zkNgvxf7<*<jwI3y74k8AYmz?+%s*`wc?hK020mi17x{-ld;V$V<WGP!6M4wHRG$CN
z=-JYo1=g`wKgrkI>!b<7uh_ek{A-(knl5rAm1d!k57;Y<{C&6MpSFa&0MbO>y~o}Z
z^2g5kr%93{r8F~n$h%aY|IX+>((DU{uy-c;P&<((NJg;NCizI4f7&#1B$8&TkWuUn
zBOh(^PqQFL3TYz6efDOMKX6C>X_4fkfixe;L*AwG;`1}RJ=lAiT;iW=9K_yx$Oqf}
z)6OMF8qy3EGMv42$%h5zpLUBp1k$X)SoT_xj|t2_t&F?^(rn7(h398>r%Q7hn9ANe
z$*0&2X@bT?_R1xnVDnGALXNzXX04F%>`fsbXY)^!Bu7eVBIQH&c9K7GNB(Kq<Qb4=
MEDwE`N{cuR00^uX>;M1&

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/bottom-screen/options/rendering-mode/button-active.webp b/public/nds/images/settings/bottom-screen/options/rendering-mode/button-active.webp
deleted file mode 100644
index 65e7ca3d04f2b36a5fd609784cd3383e8f862d68..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2124
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
Gz<&es`A7i(

diff --git a/public/nds/images/settings/bottom-screen/options/rendering-mode/button-body.webp b/public/nds/images/settings/bottom-screen/options/rendering-mode/button-body.webp
new file mode 100644
index 0000000000000000000000000000000000000000..bab09d67a5e7ed0d26ff6b21ce6051328bbd3c42
GIT binary patch
literal 130
zcmV-|0Db>bNk&F`00012MM6+kP&iC(0000l-2e;#FQ6a*8HWC$<WYg08VUlCVdx)9
z9u?S85P%Fr|4{O%z|Q;!fFvdH|7?>4s%qPYRCr#2_Y4K7K!K@$qO*L8=)c0G4H(k-
kiqP=HBKl>aJ_m`TUQuT~HNO90v@l#;7HX*9x&{;?0-_`~%m4rY

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/bottom-screen/options/rendering-mode/button-header.webp b/public/nds/images/settings/bottom-screen/options/rendering-mode/button-header.webp
new file mode 100644
index 0000000000000000000000000000000000000000..2e4a0a5be0c2900ea9bca8bc8018bd9bfd5c3aa7
GIT binary patch
literal 188
zcmV;t07L&$Nk&Gr00012MM6+kP&iDe0000l-T(vuU!bUMBc|n#_MUr^P}{Z*WB-4x
z$C9G9Z5zh^|5}eFW&Q~!X{zlQ07<e$|5IE46Ul%7gPU60o`zQnMF9@FfVy`O07=%~
z1k{a<gMyq${J!(<5&fS4gDp&ps|(YS9{Rcycp=veUM#(9bdM+->0zw9K-qEKFdC%a
qF1nxCU!-?~?j80wu5aug($_`z5A!1Z_R#&symI{$GA*ty47LDL%36N_

literal 0
HcmV?d00001

diff --git a/public/nds/images/settings/bottom-screen/options/rendering-mode/button.webp b/public/nds/images/settings/bottom-screen/options/rendering-mode/button.webp
deleted file mode 100644
index b386fbe64e384a2e727924c6ef3c14b48d6fdb15..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 168
zcmV;Z09XG~Nk&GX00012MM6+kP&iDK0000l-oOtKb-1l<H%#LFw_p_50B=AxfG%mF
zlg>X>vHXtYi2f@~+lGnBXiwS1(Kw}XKz*!dl;?ayNMk|l*0aKMzQDZ0wQE61BNeJ!
zPs(#X8|GcEO*XnTW}`o>XW%*S4fDpeV>Ut>OQ23^9Bkr%x(Op0RP3_&k*@dUe_Z~@
W-yc(5Oo5?`FX{SaW-_KM0AK*lzE0Hu

diff --git a/public/nds/images/settings/bottom-screen/options/rendering-mode/startup-mode.webp b/public/nds/images/settings/bottom-screen/options/rendering-mode/startup-mode.webp
deleted file mode 100644
index 3cd2a4eeb600982d0dfbad94f641bc72c9fb10e4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 88
zcmWIYbaM+}U|<M$bqWXzu<&sKvh}$dm>9$r1Uw$yzMsz9=pc0epB*>Lq#xhDSN>zJ
s7d7Zo(G0TJT(W?f+r{Mm?|^L^yOe*)Pugey>tPr7xr&Ev@`|jU0Pofz3;+NC