30 lines
551 B
Vue
30 lines
551 B
Vue
<script setup lang="ts">
|
|
const store = useContactStore();
|
|
|
|
const { assets } = useAssets();
|
|
|
|
useRender((ctx) => {
|
|
ctx.globalAlpha = store.isIntro
|
|
? store.intro.stage3Opacity
|
|
: store.outro.stage2Opacity;
|
|
|
|
// top bar
|
|
ctx.drawImage(
|
|
assets.contact.bottomScreen.topBar,
|
|
0,
|
|
store.isIntro ? store.intro.topBarY : 0,
|
|
);
|
|
|
|
// bottom bar
|
|
ctx.drawImage(
|
|
assets.contact.bottomScreen.bottomBar,
|
|
0,
|
|
store.isIntro ? store.intro.bottomBarY : SCREEN_HEIGHT - 24,
|
|
);
|
|
});
|
|
|
|
defineOptions({
|
|
render: () => null,
|
|
});
|
|
</script>
|