Improve appearance of glyph set stats tab

This commit is contained in:
SpectralFlame 2022-08-08 09:01:22 -05:00 committed by cyip92
parent 528c4a4741
commit 3d94c8d70f
3 changed files with 54 additions and 17 deletions

View File

@ -495,8 +495,8 @@ GameDatabase.reality.glyphEffects = {
? `"Buy ${formatInt(10)}" and Dimension Boost multipliers ^x`
: `"Buy ${formatInt(10)}" multiplier ^x`),
shortDesc: () => (GlyphAlteration.isAdded("effarig")
? `"Buy ${formatInt(10)}" mult. ^{value}, Dimboost mult. ^{value2}`
: `"Buy ${formatInt(10)}" mult. ^{value}`),
? `Buy ${formatInt(10)} mult. ^{value}, Dimboost mult. ^{value2}`
: `Buy ${formatInt(10)} mult. ^{value}`),
effect: (level, strength) => 1 + 2 * Math.pow(level, 0.25) * Math.pow(strength, 0.4),
formatEffect: x => format(x, 2, 2),
combine: GlyphCombiner.multiply,

View File

@ -2913,6 +2913,34 @@ br {
/* #endregion Challenge Records */
/* #region Glyph Set Records */
.l-glyph-set-tab {
display: flex;
flex-flow: row wrap;
width: 75%;
justify-content: center;
align-items: center;
margin: auto;
margin-top: 0;
}
.l-glyph-set-entry {
display: flex;
flex-direction: column;
width: 35rem;
height: 12rem;
font-size: 1.4rem;
justify-content: space-between;
color: var(--color-text);
border: var(--var-border-width, 0.2rem) solid var(--color-text);
border-radius: var(--var-border-radius, 0.5rem);
margin: 0.2rem;
padding: 0.2rem;
}
/* #endregion Glyph Set Records */
/* #region Speedrun Stats */
.l-speedrun-milestone-tab {
@ -2932,6 +2960,7 @@ br {
justify-content: space-between;
color: var(--color-text);
border: var(--var-border-width, 0.2rem) solid var(--color-text);
border-radius: var(--var-border-radius, 0.5rem);
margin: 0.2rem;
padding: 0.2rem;
}

View File

@ -14,23 +14,28 @@ export default {
methods: {
update() {
const bestReality = player.records.bestReality;
const laitelaDim = 8 - Laitela.difficultyTier;
this.recordGlyphInfo = [
[true, Glyphs.copyForRecords(bestReality.RMSet),
`Best Reality Machines gained: ${format(bestReality.RM, 2, 2)} RM`],
[true, Glyphs.copyForRecords(bestReality.RMminSet),
`Best Reality Machines per minute: ${format(bestReality.RMmin, 2, 2)} RM/min`],
[true, Glyphs.copyForRecords(bestReality.glyphLevelSet),
`Best Glyph level: ${formatInt(bestReality.glyphLevel)}`],
[true, Glyphs.copyForRecords(bestReality.bestEPSet),
`Best Eternity Points: ${format(bestReality.bestEP, 2, 2)} Eternity Points`],
[true, Glyphs.copyForRecords(bestReality.speedSet),
`Fastest Reality (real time): ${TimeSpan.fromMilliseconds(bestReality.realTime).toStringShort()}`],
[true, Glyphs.copyForRecords(bestReality.RMSet), "Best Reality Machines gained",
`${format(bestReality.RM, 2, 2)} RM`],
[true, Glyphs.copyForRecords(bestReality.RMminSet), "Best Reality Machines per minute",
`${format(bestReality.RMmin, 2, 2)} RM/min`],
[true, Glyphs.copyForRecords(bestReality.glyphLevelSet), "Best Glyph Level",
`Level ${formatInt(bestReality.glyphLevel)}`],
[true, Glyphs.copyForRecords(bestReality.bestEPSet), "Highest Eternity Points",
`${format(bestReality.bestEP, 2, 2)} EP`],
[true, Glyphs.copyForRecords(bestReality.speedSet), "Fastest Reality (real time)",
`${TimeSpan.fromMilliseconds(bestReality.realTime).toStringShort()}`],
[player.celestials.teresa.bestRunAM.gt(1), Glyphs.copyForRecords(player.celestials.teresa.bestAMSet),
`Best Antimatter in Teresa: ${format(player.celestials.teresa.bestRunAM, 2, 2)} Antimatter`],
`Highest Antimatter in ${Teresa.possessiveName} Reality`,
`${format(player.celestials.teresa.bestRunAM, 2, 2)} Antimatter`],
[Currency.imaginaryMachines.gt(0), Glyphs.copyForRecords(bestReality.iMCapSet),
`Imaginary Machine Cap: ${format(MachineHandler.currentIMCap, 2, 2)} iM`],
"Highest Imaginary Machine cap",
`${format(MachineHandler.currentIMCap, 2, 2)} iM`],
[Laitela.isUnlocked, Glyphs.copyForRecords(bestReality.laitelaSet),
`Lai'tela DM Multiplier: ${formatX(Laitela.realityReward, 2, 2)}`],
`Best ${Laitela.displayName} Destabilization`,
`${TimeSpan.fromSeconds(player.celestials.laitela.fastestCompletion).toStringShort()},
${laitelaDim} ${pluralize("Dimension", laitelaDim)} (${formatX(Laitela.realityReward, 2, 2)} DM)`],
];
},
}
@ -38,17 +43,20 @@ export default {
</script>
<template>
<div class="c-stats-tab">
<div class="l-glyph-set-tab">
<div
v-for="(set, idx) in recordGlyphInfo"
:key="idx"
class="l-glyph-set-entry"
>
{{ set[2] }}:
<GlyphSetPreview
v-if="set[0]"
:key="idx"
:glyphs="set[1]"
:text="set[2]"
:text-hidden="true"
/>
{{ set[3] }}
<br>
</div>
</div>