feat(contact): intro animation
This commit is contained in:
20
app/components/Contact/BottomScreen/Buttons.vue
Normal file
20
app/components/Contact/BottomScreen/Buttons.vue
Normal file
@@ -0,0 +1,20 @@
|
||||
<script setup lang="ts">
|
||||
const store = useContactStore();
|
||||
|
||||
const buttonsImage = useTemplateRef("buttonsImage");
|
||||
|
||||
useRender((ctx) => {
|
||||
if (!buttonsImage.value) return;
|
||||
|
||||
ctx.globalAlpha = store.isIntro ? store.intro.stage3Opacity : 1;
|
||||
ctx.drawImage(buttonsImage.value, 31, 32);
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<img
|
||||
ref="buttonsImage"
|
||||
src="/assets/images/contact/bottom-screen/buttons.png"
|
||||
hidden
|
||||
/>
|
||||
</template>
|
||||
Reference in New Issue
Block a user