root/spritesheet-generator
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FEAT] Compare sprite bug fix

Browse Source
This commit is contained in:
root
2025-11-25 17:16:42 +01:00
parent 044c819a09
commit b2f9e7d5b9
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/SpritePreview.vue
View File

@@ -27,18 +27,18 @@
> >
<!-- Background sprites (dimmed for comparison) --> <!-- Background sprites (dimmed for comparison) -->
<template v-if="showAllSprites"> <template v-if="showAllSprites">
<template v-for="i in maxFrames()" :key="`bg-${i}`"> <template v-for="i in maxFrames()" :key="`bg-${i - 1}`">
<template v-if="i !== currentFrameIndex && !hiddenFrames.includes(i)"> <template v-if="i - 1 !== currentFrameIndex && !hiddenFrames.includes(i - 1)">
<template v-for="layer in getVisibleLayers()" :key="`${layer.id}-${i}`"> <template v-for="layer in getVisibleLayers()" :key="`${layer.id}-${i - 1}`">
<img <img
v-if="layer.sprites[i]" v-if="layer.sprites[i - 1]"
:src="layer.sprites[i].url" :src="layer.sprites[i - 1].url"
class="absolute pointer-events-none" class="absolute pointer-events-none"
:style="{ :style="{
left: `${cellDimensions.negativeSpacing + layer.sprites[i].x}px`, left: `${cellDimensions.negativeSpacing + layer.sprites[i - 1].x}px`,
top: `${cellDimensions.negativeSpacing + layer.sprites[i].y}px`, top: `${cellDimensions.negativeSpacing + layer.sprites[i - 1].y}px`,
width: `${layer.sprites[i].width}px`, width: `${layer.sprites[i - 1].width}px`,
height: `${layer.sprites[i].height}px`, height: `${layer.sprites[i - 1].height}px`,
opacity: '0.3', opacity: '0.3',
imageRendering: settingsStore.pixelPerfect ? 'pixelated' : 'auto', imageRendering: settingsStore.pixelPerfect ? 'pixelated' : 'auto',
}" }"