noxious/client
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Loop fix, added btn-indigo to general styling

Browse Source
This commit is contained in:
Dennis Postma 2025-02-05 19:50:53 +01:00
parent 6c7864b4d4
commit 3c06f7db97
4 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/scss/main.scss
View File

@ -122,6 +122,15 @@ button {
}
}
&.btn-indigo {
@apply bg-indigo-500 text-gray-50 text-base leading-5 rounded py-2.5;
&.active,
&:hover {
@apply bg-indigo-600;
}
}
&.btn-empty {
@apply text-gray-50 border-2 border-solid border-gray-500 text-base leading-5 rounded py-2.5;

2
src/components/gameMaster/assetManager/partials/sprite/SpriteDetails.vue
View File

@ -10,7 +10,7 @@
<div class="w-full flex gap-2 mt-2 pb-4 relative">
<button class="btn-cyan px-4 py-2 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="saveSprite">Save</button>
<button class="btn-red px-4 py-2 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="deleteSprite">Delete</button>
<button class="btn bg-indigo-500 hover:bg-indigo-600 rounded text-white px-4 py-2 flex-1 sm:flex-none" type="button" @click.prevent="copySprite">
<button class="btn-indigo px-4 py-2 flex-1 sm:flex-none" type="button" @click.prevent="copySprite">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
</svg>

3
src/components/gameMaster/mapEditor/partials/SelectedPlacedMapObject.vue
View File

@ -4,6 +4,9 @@
<button @mousedown.stop @click="handleDelete" class="btn-red py-1.5 px-4">
<img src="/assets/icons/trashcan.svg" class="w-4 h-4" alt="Delete" />
</button>
<button @mousedown.stop @click="handleDelete" class="btn-indigo py-1.5 px-4">
<img src="/assets/icons/mapEditor/gear.svg" class="w-4 h-4 invert" alt="Delete" />
</button>
<button @mousedown.stop @click="handleRotate" class="btn-cyan py-1.5 px-4">Rotate</button>
<button @mousedown.stop @click="handleMove" class="btn-cyan py-1.5 px-4 min-w-24">Move</button>
</div>

4
src/composables/useCharacterSpriteComposable.ts
View File

@ -59,7 +59,7 @@ export function useCharacterSpriteComposable(scene: Phaser.Scene, tilemap: Phase
})
}
const playAnimation = (animation: string, loop = false) => {
const playAnimation = (animation: string, loop = false, ignoreIfPlaying = true) => {
if (!characterSprite.value || !characterSpriteId.value) return
const fullAnimationName = `${characterSpriteId.value}-${animation}_${currentDirection.value}`
@ -76,7 +76,7 @@ export function useCharacterSpriteComposable(scene: Phaser.Scene, tilemap: Phase
characterSprite.value.anims.play({
key: fullAnimationName,
repeat: loop ? -1 : 0
})
}, ignoreIfPlaying)
}
const calcDirection = (oldPositionX: number, oldPositionY: number, newPositionX: number, newPositionY: number): Direction => {