|
|
|
@@ -1,76 +1,74 @@
|
|
|
|
|
<script lang="ts">
|
|
|
|
|
import type { ComputedSeries } from '$lib/chart';
|
|
|
|
|
import { AptitudeLevel, duelSpeedMod, inverseSpurtSpeed, RunningStyle, spurtSpeed, Stat } from '$lib/race';
|
|
|
|
|
import * as race from '$lib/race';
|
|
|
|
|
import StatChart from '$lib/StatChart.svelte';
|
|
|
|
|
import CalcInfo from '../CalcInfo.svelte';
|
|
|
|
|
|
|
|
|
|
const aptsList = Object.entries(AptitudeLevel).filter(([, val]) => typeof val === 'number');
|
|
|
|
|
const stylesList = [
|
|
|
|
|
['Front Runner', RunningStyle.FrontRunner],
|
|
|
|
|
['Pace Chaser', RunningStyle.PaceChaser],
|
|
|
|
|
['Late Surger', RunningStyle.LateSurger],
|
|
|
|
|
['End Closer', RunningStyle.EndCloser],
|
|
|
|
|
['Great Escape', RunningStyle.GreatEscape],
|
|
|
|
|
] as const;
|
|
|
|
|
const skillSpeeds = [0.45, 0.35, 0.25, 0.15] as const;
|
|
|
|
|
|
|
|
|
|
let rawSpeed: number = $state(1200);
|
|
|
|
|
let rawGuts: number = $state(1200);
|
|
|
|
|
let style: RunningStyle = $state(RunningStyle.FrontRunner);
|
|
|
|
|
let opponentStyle: RunningStyle = $state(RunningStyle.PaceChaser);
|
|
|
|
|
let distanceApt: AptitudeLevel = $state(AptitudeLevel.S);
|
|
|
|
|
let style: race.RunningStyle = $state(race.RunningStyle.FrontRunner);
|
|
|
|
|
let opponentStyle: race.RunningStyle = $state(race.RunningStyle.PaceChaser);
|
|
|
|
|
let distanceApt: race.AptitudeLevel = $state(race.AptitudeLevel.S);
|
|
|
|
|
let raceLen: number = $state(2000);
|
|
|
|
|
let isCareer: boolean = $state(false);
|
|
|
|
|
|
|
|
|
|
const careerMod = $derived(isCareer ? 400 : 0);
|
|
|
|
|
const speedStat = $derived(rawSpeed + careerMod);
|
|
|
|
|
const gutsStat = $derived(rawGuts + careerMod);
|
|
|
|
|
const speed = $derived(spurtSpeed(speedStat, gutsStat, style, distanceApt, raceLen));
|
|
|
|
|
const duelBonus = $derived(duelSpeedMod(gutsStat));
|
|
|
|
|
const speed = $derived(race.spurtSpeed(speedStat, gutsStat, style, distanceApt, raceLen));
|
|
|
|
|
const duelBonus = $derived(race.duelSpeedMod(gutsStat));
|
|
|
|
|
|
|
|
|
|
const sProf = $derived([
|
|
|
|
|
inverseSpurtSpeed(speed, gutsStat, RunningStyle.FrontRunner, AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
inverseSpurtSpeed(speed, gutsStat, RunningStyle.PaceChaser, AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
inverseSpurtSpeed(speed, gutsStat, RunningStyle.LateSurger, AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
inverseSpurtSpeed(speed, gutsStat, RunningStyle.EndCloser, AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
inverseSpurtSpeed(speed, gutsStat, RunningStyle.GreatEscape, AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
race.inverseSpurtSpeed(speed, gutsStat, race.RunningStyle.FrontRunner, race.AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
race.inverseSpurtSpeed(speed, gutsStat, race.RunningStyle.PaceChaser, race.AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
race.inverseSpurtSpeed(speed, gutsStat, race.RunningStyle.LateSurger, race.AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
race.inverseSpurtSpeed(speed, gutsStat, race.RunningStyle.EndCloser, race.AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
race.inverseSpurtSpeed(speed, gutsStat, race.RunningStyle.Runaway, race.AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
]);
|
|
|
|
|
const aProf = $derived([
|
|
|
|
|
inverseSpurtSpeed(speed, gutsStat, RunningStyle.FrontRunner, AptitudeLevel.A, raceLen) - careerMod,
|
|
|
|
|
inverseSpurtSpeed(speed, gutsStat, RunningStyle.PaceChaser, AptitudeLevel.A, raceLen) - careerMod,
|
|
|
|
|
inverseSpurtSpeed(speed, gutsStat, RunningStyle.LateSurger, AptitudeLevel.A, raceLen) - careerMod,
|
|
|
|
|
inverseSpurtSpeed(speed, gutsStat, RunningStyle.EndCloser, AptitudeLevel.A, raceLen) - careerMod,
|
|
|
|
|
inverseSpurtSpeed(speed, gutsStat, RunningStyle.GreatEscape, AptitudeLevel.A, raceLen) - careerMod,
|
|
|
|
|
race.inverseSpurtSpeed(speed, gutsStat, race.RunningStyle.FrontRunner, race.AptitudeLevel.A, raceLen) - careerMod,
|
|
|
|
|
race.inverseSpurtSpeed(speed, gutsStat, race.RunningStyle.PaceChaser, race.AptitudeLevel.A, raceLen) - careerMod,
|
|
|
|
|
race.inverseSpurtSpeed(speed, gutsStat, race.RunningStyle.LateSurger, race.AptitudeLevel.A, raceLen) - careerMod,
|
|
|
|
|
race.inverseSpurtSpeed(speed, gutsStat, race.RunningStyle.EndCloser, race.AptitudeLevel.A, raceLen) - careerMod,
|
|
|
|
|
race.inverseSpurtSpeed(speed, gutsStat, race.RunningStyle.Runaway, race.AptitudeLevel.A, raceLen) - careerMod,
|
|
|
|
|
]);
|
|
|
|
|
const skillProf = $derived(
|
|
|
|
|
skillSpeeds.map((v) => [v, inverseSpurtSpeed(speed + v, gutsStat, opponentStyle, AptitudeLevel.S, raceLen) - careerMod]),
|
|
|
|
|
skillSpeeds.map((v) => [
|
|
|
|
|
v,
|
|
|
|
|
race.inverseSpurtSpeed(speed + v, gutsStat, opponentStyle, race.AptitudeLevel.S, raceLen) - careerMod,
|
|
|
|
|
]),
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
const speedChart: Array<ComputedSeries | null> = $derived([
|
|
|
|
|
{ label: 'Aptitude S', y: (x) => spurtSpeed(x, gutsStat, style, AptitudeLevel.S, raceLen) },
|
|
|
|
|
{ label: 'Aptitude S', y: (x) => race.spurtSpeed(x, gutsStat, style, race.AptitudeLevel.S, raceLen) },
|
|
|
|
|
{
|
|
|
|
|
label: `Aptitude ${AptitudeLevel[distanceApt]} + Dueling`,
|
|
|
|
|
y: (x) => spurtSpeed(x, gutsStat, style, distanceApt, raceLen) + duelBonus,
|
|
|
|
|
label: `Aptitude ${race.AptitudeLevel[distanceApt]} + Dueling`,
|
|
|
|
|
y: (x) => race.spurtSpeed(x, gutsStat, style, distanceApt, raceLen) + duelBonus,
|
|
|
|
|
},
|
|
|
|
|
distanceApt !== AptitudeLevel.S
|
|
|
|
|
? { label: `Aptitude ${AptitudeLevel[distanceApt]}`, y: (x) => spurtSpeed(x, gutsStat, style, distanceApt, raceLen) }
|
|
|
|
|
distanceApt !== race.AptitudeLevel.S
|
|
|
|
|
? {
|
|
|
|
|
label: `Aptitude ${race.AptitudeLevel[distanceApt]}`,
|
|
|
|
|
y: (x) => race.spurtSpeed(x, gutsStat, style, distanceApt, raceLen),
|
|
|
|
|
}
|
|
|
|
|
: null,
|
|
|
|
|
]);
|
|
|
|
|
const gutsChart: Array<ComputedSeries | null> = $derived([
|
|
|
|
|
{ label: 'Aptitude S', y: (x) => spurtSpeed(speedStat, x, style, AptitudeLevel.S, raceLen) },
|
|
|
|
|
{ label: 'Aptitude S', y: (x) => race.spurtSpeed(speedStat, x, style, race.AptitudeLevel.S, raceLen) },
|
|
|
|
|
{
|
|
|
|
|
label: `Aptitude ${AptitudeLevel[distanceApt]} + Dueling`,
|
|
|
|
|
y: (x) => spurtSpeed(speedStat, x, style, distanceApt, raceLen) + duelSpeedMod(x),
|
|
|
|
|
label: `Aptitude ${race.AptitudeLevel[distanceApt]} + Dueling`,
|
|
|
|
|
y: (x) => race.spurtSpeed(speedStat, x, style, distanceApt, raceLen) + race.duelSpeedMod(x),
|
|
|
|
|
},
|
|
|
|
|
distanceApt !== AptitudeLevel.S
|
|
|
|
|
? { label: `Aptitude ${AptitudeLevel[distanceApt]}`, y: (x) => spurtSpeed(speedStat, x, style, distanceApt, raceLen) }
|
|
|
|
|
distanceApt !== race.AptitudeLevel.S
|
|
|
|
|
? {
|
|
|
|
|
label: `Aptitude ${race.AptitudeLevel[distanceApt]}`,
|
|
|
|
|
y: (x) => race.spurtSpeed(speedStat, x, style, distanceApt, raceLen),
|
|
|
|
|
}
|
|
|
|
|
: null,
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
const range: [number, number] = $derived([
|
|
|
|
|
spurtSpeed(200, gutsStat, RunningStyle.GreatEscape, AptitudeLevel.C, raceLen),
|
|
|
|
|
spurtSpeed(2000, gutsStat, RunningStyle.EndCloser, AptitudeLevel.S, raceLen) + duelBonus,
|
|
|
|
|
]);
|
|
|
|
|
const range: [number, number] = [20, 27.5];
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<h1 class="text-4xl">Spurt Speed Calculator</h1>
|
|
|
|
@@ -86,16 +84,16 @@
|
|
|
|
|
<div class="m-4">
|
|
|
|
|
<label for="style">Style</label>
|
|
|
|
|
<select id="style" required bind:value={style} class="w-full">
|
|
|
|
|
{#each stylesList as [name, style] (style)}
|
|
|
|
|
<option value={style}>{style === RunningStyle.GreatEscape ? 'Great Escape (Runaway)' : name}</option>
|
|
|
|
|
{#each race.RUNNING_STYLES as [name, style] (style)}
|
|
|
|
|
<option value={style}>{name}</option>
|
|
|
|
|
{/each}
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="m-4">
|
|
|
|
|
<label for="distanceApt">Distance Aptitude</label>
|
|
|
|
|
<select id="distanceApt" required bind:value={distanceApt} class="w-full">
|
|
|
|
|
{#each aptsList.toReversed() as [name, val] (val)}
|
|
|
|
|
<option value={val}>{name}</option>
|
|
|
|
|
{#each race.APTITUDE_LEVELS as apt (apt)}
|
|
|
|
|
<option value={apt}>{race.AptitudeLevel[apt]}</option>
|
|
|
|
|
{/each}
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
@@ -112,13 +110,13 @@
|
|
|
|
|
<CalcInfo title="Target Spurt Speed" class="flex-1">{speed.toFixed(3)} m/s</CalcInfo>
|
|
|
|
|
<CalcInfo title="Dueling Bonus" class="flex-1">+{duelBonus.toFixed(3)} m/s</CalcInfo>
|
|
|
|
|
</div>
|
|
|
|
|
{#each [[AptitudeLevel.A, aProf] as const, [AptitudeLevel.S, sProf] as const] as [level, inv] (level)}
|
|
|
|
|
{#each [[race.AptitudeLevel.A, aProf] as const, [race.AptitudeLevel.S, sProf] as const] as [level, inv] (level)}
|
|
|
|
|
<div class="mx-auto max-w-3xl">
|
|
|
|
|
<span class="mt-8 block w-full">
|
|
|
|
|
With {AptitudeLevel[level]} proficiency, the equivalent speed is
|
|
|
|
|
With {race.AptitudeLevel[level]} proficiency, the equivalent speed is
|
|
|
|
|
</span>
|
|
|
|
|
<div class="flex flex-col md:flex-row">
|
|
|
|
|
{#each stylesList as [styleName, s] (s)}
|
|
|
|
|
{#each race.RUNNING_STYLES as [styleName, s] (s)}
|
|
|
|
|
<CalcInfo title={styleName} class={['flex-1', { 'border-2': s === style }]}>{inv[s]}</CalcInfo>
|
|
|
|
|
{/each}
|
|
|
|
|
</div>
|
|
|
|
@@ -128,8 +126,8 @@
|
|
|
|
|
<span class="mt-8 block w-full">
|
|
|
|
|
While a speed skill is active, the equivalent speed for a distance S
|
|
|
|
|
<select id="opponentStyle" required bind:value={opponentStyle}>
|
|
|
|
|
{#each stylesList as [name, style] (style)}
|
|
|
|
|
<option value={style}>{style === RunningStyle.GreatEscape ? 'Great Escape (Runaway)' : name}</option>
|
|
|
|
|
{#each race.RUNNING_STYLES as [name, style] (style)}
|
|
|
|
|
<option value={style}>{style === race.RunningStyle.Runaway ? 'Great Escape (Runaway)' : name}</option>
|
|
|
|
|
{/each}
|
|
|
|
|
</select>
|
|
|
|
|
is
|
|
|
|
@@ -141,6 +139,6 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mx-auto grid h-96 grid-cols-1 py-4 md:grid-cols-2">
|
|
|
|
|
<StatChart stat={Stat.Speed} y={speedChart} yLabel="Spurt Speed (m/s)" xRule={speedStat} {range} />
|
|
|
|
|
<StatChart stat={Stat.Guts} y={gutsChart} yLabel="Spurt Speed (m/s)" xRule={gutsStat} {range} />
|
|
|
|
|
<StatChart stat={race.Stat.Speed} y={speedChart} yLabel="Spurt Speed (m/s)" xRule={speedStat} {range} />
|
|
|
|
|
<StatChart stat={race.Stat.Guts} y={gutsChart} yLabel="Spurt Speed (m/s)" xRule={gutsStat} {range} />
|
|
|
|
|
</div>
|
|
|
|
|
