Resource Type

{#each ['character', 'weapon', 'summon'] as type} {type.charAt(0).toUpperCase() + type.slice(1)} {/each}

Image Variant

{#each availableVariants as v} {v.charAt(0).toUpperCase() + v.slice(1)} {#if (resourceType === 'character' && v === 'detail') || (resourceType === 'weapon' && v === 'base') || (resourceType === 'summon' && v === 'detail')} PNG {/if} {/each}

Item Selection

None (Placeholder) {#each sampleIds[resourceType] as item} {item.name} {/each}

Custom ID:

{#if resourceType === 'character'}

Character Pose

Manual pose control

{#if customPose}

{#each ['01', '02', '03', '04'] as p} Pose {p} {/each}

{:else}

Uncap Level: {uncapLevel} Transcendence: {transcendenceStep}

Calculated Pose: {calculatedPose}

{/if} {#if itemId === '3030182000'}

Gran/Djeeta Element

{#each [{ value: 0, label: 'None' }, { value: 1, label: 'Wind' }, { value: 2, label: 'Fire' }, { value: 3, label: 'Water' }, { value: 4, label: 'Earth' }, { value: 5, label: 'Dark' }, { value: 6, label: 'Light' }] as elem} {elem.label} {/each}

{/if}

{/if} {#if resourceType === 'weapon' && variant === 'grid'}

Weapon Element (Grid Only)

{#each [{ value: 0, label: 'Default' }, { value: 1, label: 'Wind' }, { value: 2, label: 'Fire' }, { value: 3, label: 'Water' }, { value: 4, label: 'Earth' }, { value: 5, label: 'Dark' }, { value: 6, label: 'Light' }] as elem} {elem.label} {/each}

{/if}

Generated URL

{imageUrl}

Directory: {resourceType}-{variant} Extension: {fileExtension}

Image Preview

{ e.currentTarget.classList.add('error') }} on:load={(e) => { e.currentTarget.classList.remove('error') }} />

Note: Image will show error state if file doesn't exist

Image Utility Test Page