feat(contact): intro animation

2025-11-17 00:33:37 +01:00
parent e309ffb776
commit 909eb1e7e8
18 changed files with 240 additions and 14 deletions
--- a/app/components/Contact/TopScreen/Title.vue
+++ b/app/components/Contact/TopScreen/Title.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+const store = useContactStore();
+
+const titleImage = useTemplateRef("titleImage");
+
+useRender((ctx) => {
+  if (!titleImage.value) return;
+
+  ctx.globalAlpha = store.isIntro ? store.intro.stage1Opacity : 1;
+  ctx.drawImage(
+    titleImage.value,
+    21,
+    store.isIntro ? store.intro.titleY : SCREEN_HEIGHT - 23,
+  );
+});
+</script>
+
+<template>
+  <img
+    ref="titleImage"
+    src="/assets/images/contact/top-screen/title.png"
+    hidden
+  />
+</template>