55 lines
1.3 KiB
Vue
55 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
const props = defineProps<{
|
|
x: number;
|
|
y: number;
|
|
}>();
|
|
|
|
const settingsStore = useSettingsStore();
|
|
|
|
const { assets } = useAssets();
|
|
|
|
const isOpen = computed(() => settingsStore.isMenuOpen("user"));
|
|
const isAnyOtherMenuOpen = computed(() =>
|
|
settingsStore.isAnyOtherMenuOpen("user"),
|
|
);
|
|
|
|
const animation = useMenuAnimation("user", isOpen);
|
|
|
|
useRender((ctx) => {
|
|
ctx.translate(props.x, props.y);
|
|
|
|
if (isOpen.value || animation.playing) {
|
|
ctx.drawImage(
|
|
assets.settings.topScreen.user.birthday,
|
|
-48 + animation.stage2Offset,
|
|
-48 + animation.stage1Offset,
|
|
);
|
|
ctx.drawImage(
|
|
assets.settings.topScreen.user.userName,
|
|
0,
|
|
-48 + animation.stage1Offset,
|
|
);
|
|
ctx.drawImage(
|
|
assets.settings.topScreen.user.message,
|
|
48 - animation.stage2Offset,
|
|
-48 + animation.stage1Offset,
|
|
);
|
|
ctx.drawImage(
|
|
assets.settings.topScreen.user.color,
|
|
0,
|
|
-96 + animation.stage2Offset + animation.stage1Offset,
|
|
);
|
|
|
|
ctx.drawImage(assets.settings.topScreen.user.userActive, 0, 0);
|
|
} else if (isAnyOtherMenuOpen.value) {
|
|
ctx.drawImage(assets.settings.topScreen.user.userDisabled, 0, 0);
|
|
} else {
|
|
ctx.drawImage(assets.settings.topScreen.user.user, 0, 0);
|
|
}
|
|
});
|
|
|
|
defineOptions({
|
|
render: () => null,
|
|
});
|
|
</script>
|