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

feat(assets): new assets loading system (currently only for images)

Browse Source
This commit is contained in:
Stevan
2025-12-17 12:28:48 +01:00
parent 05398d5252
commit b85899617b
106 changed files with 359 additions and 366 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/Home/BottomScreen/Background.vue
View File

@@ -1,14 +1,12 @@
<script setup lang="ts">
import BACKGROUND_IMAGE from "/assets/images/home/bottom-screen/background.webp";
const store = useHomeStore();
const app = useAppStore();
const [backgroundImage] = useImages(BACKGROUND_IMAGE);
const { assets } = useAssets();
useRender((ctx) => {
ctx.globalAlpha = app.booted ? 1 : store.intro.stage1Opacity;
ctx.drawImage(backgroundImage!, 0, 0);
ctx.drawImage(assets.home.bottomScreen.background, 0, 0);
});
defineOptions({

6
app/components/Home/BottomScreen/Buttons/ContactButton.vue
View File

@@ -1,17 +1,15 @@
<script setup lang="ts">
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/contact.webp";
const props = defineProps<{
x: number;
y: number;
opacity: number;
}>();
const [buttonImage] = useImages(BUTTON_IMAGE);
const { assets } = useAssets();
useRender((ctx) => {
ctx.globalAlpha = props.opacity;
ctx.drawImage(buttonImage!, props.x, props.y);
ctx.drawImage(assets.home.bottomScreen.buttons.contact, props.x, props.y);
});
defineOptions({

10
app/components/Home/BottomScreen/Buttons/DownloadPlayButton.vue
View File

@@ -1,17 +1,19 @@
<script setup lang="ts">
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/downloadPlay.webp";
const props = defineProps<{
x: number;
y: number;
opacity: number;
}>();
const [buttonImage] = useImages(BUTTON_IMAGE);
const { assets } = useAssets();
useRender((ctx) => {
ctx.globalAlpha = props.opacity;
ctx.drawImage(buttonImage!, props.x, props.y);
ctx.drawImage(
assets.home.bottomScreen.buttons.downloadPlay,
props.x,
props.y,
);
});
defineOptions({

6
app/components/Home/BottomScreen/Buttons/GameButton.vue
View File

@@ -1,17 +1,15 @@
<script setup lang="ts">
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/game.webp";
const props = defineProps<{
x: number;
y: number;
opacity: number;
}>();
const [buttonImage] = useImages(BUTTON_IMAGE);
const { assets } = useAssets();
useRender((ctx) => {
ctx.globalAlpha = props.opacity;
ctx.drawImage(buttonImage!, props.x, props.y);
ctx.drawImage(assets.home.bottomScreen.buttons.game, props.x, props.y);
});
defineOptions({

6
app/components/Home/BottomScreen/Buttons/SettingsButton.vue
View File

@@ -1,17 +1,15 @@
<script setup lang="ts">
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/settings.webp";
const props = defineProps<{
x: number;
y: number;
opacity: number;
}>();
const [buttonImage] = useImages(BUTTON_IMAGE);
const { assets } = useAssets();
useRender((ctx) => {
ctx.globalAlpha = props.opacity;
ctx.drawImage(buttonImage!, props.x, props.y);
ctx.drawImage(assets.home.bottomScreen.buttons.settings, props.x, props.y);
});
defineOptions({