From 8a75b7ae70d1b513924e61a6e710f26e7f269295 Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Fri, 26 Jul 2024 20:20:19 +0200
Subject: [PATCH] Loading sprites and animations now works

---
 src/components/sprites/Character.vue | 5 +++--
 src/types.ts                         | 4 +++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/sprites/Character.vue b/src/components/sprites/Character.vue
index 1b90958..bd2c8d6 100644
--- a/src/components/sprites/Character.vue
+++ b/src/components/sprites/Character.vue
@@ -16,12 +16,13 @@
         fontSize: '14px'
       }"
     />
-    <Sprite ref="sprite" :x="tileToWorldX(layer, props.character?.position_x, props.character?.position_y)" :y="tileToWorldY(layer, props.character?.position_x, props.character?.position_y)" :origin-y="1" play="walk" />
+    <Image texture="character" :x="tileToWorldX(layer, props.character?.position_x, props.character?.position_y)" :y="tileToWorldY(layer, props.character?.position_x, props.character?.position_y)" :origin-y="1" />
+<!--    <Sprite ref="sprite" :x="tileToWorldX(layer, props.character?.position_x, props.character?.position_y)" :y="tileToWorldY(layer, props.character?.position_x, props.character?.position_y)" :origin-y="1" play="walk" />-->
   </Container>
 </template>
 
 <script lang="ts" setup>
-import { Container, Rectangle, Sprite, Text } from 'phavuer'
+import { Container, Image, Rectangle, Sprite, Text } from 'phavuer'
 import { type Character as CharacterT } from '@/types'
 import { tileToWorldX, tileToWorldY } from '@/services/zone'
 
diff --git a/src/types.ts b/src/types.ts
index 65e998b..91b212d 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -6,7 +6,9 @@ export type Notification = {
 export type Asset = {
   key: string
   url: string
-  group: 'tiles' | 'objects' | 'sound' | 'music' | 'ui' | 'font' | 'other' | 'sprite'
+  group: 'tiles' | 'objects' | 'sprites' | 'sprite_animations' | 'sound' | 'music' | 'ui' | 'font' | 'other'
+  frameWidth?: number
+  frameHeight?: number
 }
 
 export type Tile = {