feat(gallery): transition to and from the nds

This commit is contained in:
2026-01-04 20:53:52 +01:00
parent 7742b90c2f
commit 99e1da8e58
13 changed files with 253 additions and 14 deletions

View File

@@ -11,7 +11,7 @@ const { selectedButton, selectorPosition } = useButtonNavigation({
buttons: {
projects: [31, 23, 193, 49],
contact: [31, 71, 97, 49],
downloadPlay: [127, 71, 97, 49],
gallery: [127, 71, 97, 49],
theme: [0, 167, 31, 26],
settings: [112, 167, 31, 26],
@@ -19,7 +19,7 @@ const { selectedButton, selectorPosition } = useButtonNavigation({
},
initialButton: "projects",
onButtonClick: (button) => {
if (button === "downloadPlay" || button === "theme" || button === "alarm")
if (button === "theme" || button === "alarm")
throw new Error(`Not implemented: ${button}`);
store.animateOutro(button);
@@ -28,15 +28,15 @@ const { selectedButton, selectorPosition } = useButtonNavigation({
projects: {
down: "last",
left: "contact",
right: "downloadPlay",
right: "gallery",
horizontalMode: "preview",
},
contact: {
up: "projects",
right: "downloadPlay",
right: "gallery",
down: "settings",
},
downloadPlay: {
gallery: {
up: "projects",
left: "contact",
down: "settings",
@@ -70,6 +70,19 @@ const getOpacity = (button?: (typeof selectedButton)["value"]) => {
onRender((ctx) => {
ctx.globalAlpha = getOpacity();
// gallery
ctx.font = "7px NDS7";
ctx.fillStyle = "#2c2c2c";
fillTextCentered(
ctx,
$t("home.photoGallery"),
132,
78 + getButtonOffset("gallery"),
87,
);
// gba thing
ctx.font = "10px NDS10";
ctx.fillStyle = "#a2a2a2";
fillTextCentered(ctx, $t("home.greeting"), 79, 135, 140);
@@ -91,9 +104,9 @@ onRender((ctx) => {
/>
<Button
:x="128"
:y="72 + getButtonOffset('downloadPlay')"
:opacity="getOpacity('downloadPlay')"
:image="assets.home.bottomScreen.buttons.downloadPlay"
:y="72 + getButtonOffset('gallery')"
:opacity="getOpacity('gallery')"
:image="assets.home.bottomScreen.buttons.gallery"
/>
<Button