pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(contact): animate outro

Browse Source
This commit is contained in:
Stevan
2025-11-17 23:13:40 +01:00
parent 8c8af8bac8
commit 8e418ac51d
9 changed files with 118 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/Contact/TopScreen/Background.vue
View File

@@ -7,12 +7,10 @@ const contactBackgroundImage = useTemplateRef("contactBackgroundImage");
useRender((ctx) => {
if (!homeBackgroundImage.value || !contactBackgroundImage.value) return;
ctx.drawImage(contactBackgroundImage.value, 0, 0);
if (store.isIntro) {
ctx.drawImage(homeBackgroundImage.value, 0, 0);
ctx.globalAlpha = store.intro.stage2Opacity;
}
ctx.drawImage(homeBackgroundImage.value, 0, 0);
ctx.globalAlpha = store.isIntro
? store.intro.stage2Opacity
: store.outro.stage3Opacity;
ctx.drawImage(contactBackgroundImage.value, 0, 0);
});

8
app/components/Contact/TopScreen/LeftBar.vue
View File

@@ -7,10 +7,14 @@ const thingsImage = useTemplateRef("thingsImage");
useRender((ctx) => {
if (!backgroundImage.value || !thingsImage.value) return;
ctx.globalAlpha = store.isIntro ? store.intro.stage1Opacity : 1;
ctx.globalAlpha = store.isIntro
? store.intro.stage1Opacity
: store.outro.stage2Opacity;
ctx.drawImage(backgroundImage.value, 0, 0);
ctx.globalAlpha = store.isIntro ? store.intro.stage3Opacity : 1;
ctx.globalAlpha = store.isIntro
? store.intro.stage3Opacity
: store.outro.stage1Opacity;
ctx.drawImage(thingsImage.value, 0, 0);
});
</script>

5
app/components/Contact/TopScreen/Notifications.vue
View File

@@ -8,6 +8,7 @@ const titleImage = useTemplateRef("titleImage");
useRender((ctx) => {
if (!notificationImage.value || !titleImage.value) return;
ctx.globalAlpha = store.outro.stage2Opacity;
ctx.font = "10px NDS10";
// notifications
@@ -24,7 +25,9 @@ useRender((ctx) => {
}
// title
ctx.globalAlpha = store.isIntro ? store.intro.stage1Opacity : 1;
ctx.globalAlpha = store.isIntro
? store.intro.stage1Opacity
: store.outro.stage2Opacity;
ctx.drawImage(
titleImage.value,
21,