- 
- 
+
+
+
-
+
+
Character Profile [Alt+C]
@@ -17,7 +17,7 @@
{{ gameStore.character?.experience }} / 18.600XP
-
+
@@ -37,20 +37,20 @@
+
- 
+
+
- 
+
+
- 
+
+
- 
+
+
- 
+
{
if (!mapStore.characterLoaded) return
- const charChatContainer = scene.children.getByName(data.character.name + '_chatContainer') as Phaser.GameObjects.Container
- if (!charChatContainer) return
+ const characterContainer = scene.children.getByName(data.character.name) as Phaser.GameObjects.Container
+ if (!characterContainer) return
- const chatBubble = charChatContainer.getByName(data.character.name + '_chatBubble') as Phaser.GameObjects.Container
- const chatText = charChatContainer.getByName(data.character.name + '_chatText') as Phaser.GameObjects.Text
+ const characterChatContainer = characterContainer.getByName(data.character.name + '_chatContainer') as Phaser.GameObjects.Container
+ if (!characterChatContainer) return
+
+ const chatBubble = characterChatContainer.getByName(data.character.name + '_chatBubble') as Phaser.GameObjects.Container
+ const chatText = characterChatContainer.getByName(data.character.name + '_chatText') as Phaser.GameObjects.Text
if (!chatText || !chatBubble) return
function calculateTextWidth(text: string, font: string, fontSize: number): number {
@@ -115,24 +118,24 @@ gameStore.connection?.on('chat:message', (data: Chat) => {
// setText but with max. char limit of 90
chatText.setText(data.message.substring(0, 90))
- charChatContainer.setVisible(true)
+ characterChatContainer.setVisible(true)
/**
* Hide chat bubble after a few seconds
*/
// Clear any existing hide timer
- if (charChatContainer.getData('hideTimer')) {
- clearTimeout(charChatContainer.getData('hideTimer'))
+ if (characterChatContainer.getData('hideTimer')) {
+ clearTimeout(characterChatContainer.getData('hideTimer'))
}
// Set a new hide timer
const hideTimer = setTimeout(() => {
- charChatContainer.setVisible(false)
+ characterChatContainer.setVisible(false)
}, 3000)
// Store the timer on the container itself
- charChatContainer.setData('hideTimer', hideTimer)
+ characterChatContainer.setData('hideTimer', hideTimer)
})
scrollToBottom()
diff --git a/src/components/game/gui/Menu.vue b/src/components/game/gui/Menu.vue
index dd859f7..8804e8a 100644
--- a/src/components/game/gui/Menu.vue
+++ b/src/components/game/gui/Menu.vue
@@ -6,7 +6,7 @@
-
+
{
if (!mapStore.characterLoaded) return
- const charChatContainer = scene.children.getByName(data.character.name + '_chatContainer') as Phaser.GameObjects.Container
- if (!charChatContainer) return
+ const characterContainer = scene.children.getByName(data.character.name) as Phaser.GameObjects.Container
+ if (!characterContainer) return
- const chatBubble = charChatContainer.getByName(data.character.name + '_chatBubble') as Phaser.GameObjects.Container
- const chatText = charChatContainer.getByName(data.character.name + '_chatText') as Phaser.GameObjects.Text
+ const characterChatContainer = characterContainer.getByName(data.character.name + '_chatContainer') as Phaser.GameObjects.Container
+ if (!characterChatContainer) return
+
+ const chatBubble = characterChatContainer.getByName(data.character.name + '_chatBubble') as Phaser.GameObjects.Container
+ const chatText = characterChatContainer.getByName(data.character.name + '_chatText') as Phaser.GameObjects.Text
if (!chatText || !chatBubble) return
function calculateTextWidth(text: string, font: string, fontSize: number): number {
@@ -115,24 +118,24 @@ gameStore.connection?.on('chat:message', (data: Chat) => {
// setText but with max. char limit of 90
chatText.setText(data.message.substring(0, 90))
- charChatContainer.setVisible(true)
+ characterChatContainer.setVisible(true)
/**
* Hide chat bubble after a few seconds
*/
// Clear any existing hide timer
- if (charChatContainer.getData('hideTimer')) {
- clearTimeout(charChatContainer.getData('hideTimer'))
+ if (characterChatContainer.getData('hideTimer')) {
+ clearTimeout(characterChatContainer.getData('hideTimer'))
}
// Set a new hide timer
const hideTimer = setTimeout(() => {
- charChatContainer.setVisible(false)
+ characterChatContainer.setVisible(false)
}, 3000)
// Store the timer on the container itself
- charChatContainer.setData('hideTimer', hideTimer)
+ characterChatContainer.setData('hideTimer', hideTimer)
})
scrollToBottom()
diff --git a/src/components/game/gui/Menu.vue b/src/components/game/gui/Menu.vue
index dd859f7..8804e8a 100644
--- a/src/components/game/gui/Menu.vue
+++ b/src/components/game/gui/Menu.vue
@@ -6,7 +6,7 @@
+
+
LVL {{ characterLevel }}
+
+
+
-
-
-
-
diff --git a/src/components/game/gui/partials/CharacterScreen.vue b/src/components/game/gui/partials/CharacterScreen.vue
deleted file mode 100644
index 7df78bc..0000000
--- a/src/components/game/gui/partials/CharacterScreen.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-
-
-
- Game menu
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/game/gui/partials/Equipment.vue b/src/components/game/gui/partials/Equipment.vue
deleted file mode 100644
index 26d4e8b..0000000
--- a/src/components/game/gui/partials/Equipment.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-
-
-
- Character
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ gameStore.character?.name }}
-
-
- -
-
- Class: -
- Race: -
- Hit Points: -
- Mana Points: -
- Level: -
- Stat Points: -
-
-
- Knight -
- {{ gameStore.character?.characterType?.race }} -
- {{ gameStore.character?.hitpoints }} (+15) -
- {{ gameStore.character?.mana }} -
- {{ gameStore.character?.level }} -
- 3 -
-
- Alignment
-
-
-
-
-
-
- Character stats
-
-
- -
-
- Health: -
- Defense: -
- More stats: -
- Extra stats: -
-
-
- 100 (+15) -
- 1000 (+500) - - -
-
-
-
-
diff --git a/src/components/game/gui/partials/Inventory.vue b/src/components/game/gui/partials/Inventory.vue
deleted file mode 100644
index 80d23a1..0000000
--- a/src/components/game/gui/partials/Inventory.vue
+++ /dev/null
@@ -1,17 +0,0 @@
-
-
-
- Equipment
-
-
-
-
-
-
-
- Level {{ gameStore.character?.level }}
-
- {{ gameStore.character?.name }}
-
- Level {{ gameStore.character?.level }}
-
-
-
-
-
-
-
- 
-
-
-
-
-
- 
-
-
-
-
-
-
-
- 
-
-
-
-
-
- 
-
-
-
-
-
- 
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
- 
-
-
-
-
-
- 
-
-
-
-
- Equipment Bonus
-
-
- -
-
- Health: -
- Defense: -
- More stats: -
- Extra stats: -
-
-
- +15 -
- 500 - - -
-
-
diff --git a/src/components/game/gui/partials/Settings.vue b/src/components/game/gui/partials/Settings.vue
deleted file mode 100644
index fc02942..0000000
--- a/src/components/game/gui/partials/Settings.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
- Inventory
-
-
-
-
-
-
- Chest items
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/game/gui/partials/settings/CharacterSettings.vue b/src/components/game/gui/partials/settings/CharacterSettings.vue
deleted file mode 100644
index e3f3ab2..0000000
--- a/src/components/game/gui/partials/settings/CharacterSettings.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/src/components/game/map/Map.vue b/src/components/game/map/Map.vue
index a9a6df7..da80c68 100644
--- a/src/components/game/map/Map.vue
+++ b/src/components/game/map/Map.vue
@@ -32,8 +32,18 @@ gameStore.connection?.on('map:character:leave', (characterId: UUID) => {
mapStore.removeCharacter(characterId)
})
+gameStore.connection?.on('map:character:attack', (characterId: UUID) => {
+ mapStore.updateCharacterProperty(characterId, 'isAttacking', true)
+})
+
gameStore.connection?.on('map:character:move', (data: { characterId: UUID; positionX: number; positionY: number; rotation: number; isMoving: boolean }) => {
mapStore.updateCharacterPosition(data)
+ // @TODO: Replace with universal class, composable or store
+ if (data.characterId === gameStore.character?.id) {
+ gameStore.character!.positionX = data.positionX
+ gameStore.character!.positionY = data.positionY
+ gameStore.character!.rotation = data.rotation
+ }
})
onUnmounted(() => {
diff --git a/src/components/gameMaster/assetManager/partials/sprite/SpriteDetails.vue b/src/components/gameMaster/assetManager/partials/sprite/SpriteDetails.vue
index 9d76450..bffd251 100644
--- a/src/components/gameMaster/assetManager/partials/sprite/SpriteDetails.vue
+++ b/src/components/gameMaster/assetManager/partials/sprite/SpriteDetails.vue
@@ -21,9 +21,12 @@
-
- Character details
- - -
+
{{ action.action }}
-
+
@@ -45,19 +48,30 @@
+
+
+
-
View sprite
+ + +
+
+
+
+
+
+ ![Sprite]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
-
+
diff --git a/src/components/gameMaster/mapEditor/partials/Toolbar.vue b/src/components/gameMaster/mapEditor/partials/Toolbar.vue
index ac9cd42..fbb49a8 100644
--- a/src/components/gameMaster/mapEditor/partials/Toolbar.vue
+++ b/src/components/gameMaster/mapEditor/partials/Toolbar.vue
@@ -1,6 +1,6 @@
-