diff --git a/frontend/app/components/parts/TableHeader.vue b/frontend/app/components/parts/TableHeader.vue index 4077923..702c8e4 100644 --- a/frontend/app/components/parts/TableHeader.vue +++ b/frontend/app/components/parts/TableHeader.vue @@ -15,7 +15,24 @@ const displayedText = ref(""); let index = 0 let interval = null +const dragon_names = ["katlum", "solus"]; +const sprite_names = dragon_names.map(name => `/sprites/${name}/${name}.gif`); + +const preloadImages = (imageArray) => { + return Promise.all( + imageArray.map(src => { + return new Promise((resolve, reject) => { + const img = new Image() + img.src = src + img.onload = resolve + img.onerror = reject + }) + }) + ) +} + onMounted(() => { + preloadImages(sprite_names); if (hasAnimated.value) { displayedText.value = fullText return diff --git a/frontend/app/pages/art/index.vue b/frontend/app/pages/art/index.vue index e341dfe..46caf66 100644 --- a/frontend/app/pages/art/index.vue +++ b/frontend/app/pages/art/index.vue @@ -1,56 +1,32 @@