OpenSource/paimon-moe
OpenSource/paimon-moe
1
0
Fork 0
mirror of https://github.com/MadeBaruna/paimon-moe.git synced 2025-01-11 12:31:12 +01:00
Code Issues Projects Releases Packages Wiki Activity

Adjust pity color on weapon banner

Browse source
This commit is contained in:
Made Baruna 2022-06-21 20:13:37 +07:00
parent 8802f50098
commit 5a241551ec
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/wish/_summary.svelte
View file

@ -239,7 +239,7 @@
<SummaryItem avg={avg[types[0].id]} type={types[0]} />
{/if}
{#if avg[types[1].id]}
<SummaryItem avg={avg[types[1].id]} type={types[1]} />
<SummaryItem avg={avg[types[1].id]} type={types[1]} legendaryPity={80} />
{/if}
</div>
<div class="flex flex-col space-y-4">

7
src/routes/wish/_summaryItem.svelte
View file

@ -6,6 +6,8 @@
export let avg;
export let type;
export let legendaryPity = 90;
export let colorMultiplier = 120;
let numberFormat = Intl.NumberFormat('en', {
maximumFractionDigits: 2,
@ -13,7 +15,7 @@
});
function calculateColor(percentage) {
const hue = percentage * 120;
const hue = percentage * colorMultiplier;
return `color: hsl(${hue}, 100%, 60%);`;
}
@ -85,7 +87,8 @@
<div class="flex flex-wrap mt-2 overflow-y-auto" style="max-height: 500px;">
{#each avg.legendary.pulls as pull}
<span class="pity {textSize}"
>{$t(pull.name)} <span style={calculateColor((90 - pull.pity) / 90)}>{pull.pity}</span></span
>{$t(pull.name)}
<span style={calculateColor((legendaryPity - pull.pity) / legendaryPity)}>{pull.pity}</span></span
>
{/each}
</div>