Simplify TPS
This commit is contained in:
parent
cb4830e06b
commit
866685de2d
1 changed files with 2 additions and 22 deletions
|
@ -1,17 +1,11 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="tpsDisplay" v-if="!tps.isNan()">
|
<div class="tpsDisplay" v-if="!tps.isNan()">TPS: {{ formatWhole(tps) }}</div>
|
||||||
TPS: {{ formatWhole(tps) }}
|
|
||||||
<transition name="fade"
|
|
||||||
><span v-if="showLow" class="low">{{ formatWhole(low) }}</span></transition
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import state from "game/state";
|
import state from "game/state";
|
||||||
import type { DecimalSource } from "util/bignum";
|
|
||||||
import Decimal, { formatWhole } from "util/bignum";
|
import Decimal, { formatWhole } from "util/bignum";
|
||||||
import { computed, ref, watchEffect } from "vue";
|
import { computed } from "vue";
|
||||||
|
|
||||||
const tps = computed(() =>
|
const tps = computed(() =>
|
||||||
Decimal.div(
|
Decimal.div(
|
||||||
|
@ -19,20 +13,6 @@ const tps = computed(() =>
|
||||||
state.lastTenTicks.reduce((acc, curr) => acc + curr, 0)
|
state.lastTenTicks.reduce((acc, curr) => acc + curr, 0)
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
const lastTenFPS = ref<number[]>([]);
|
|
||||||
watchEffect(() => {
|
|
||||||
lastTenFPS.value.push(Math.round(tps.value.toNumber()));
|
|
||||||
if (lastTenFPS.value.length > 10) {
|
|
||||||
lastTenFPS.value = lastTenFPS.value.slice(1);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
const low = computed(() =>
|
|
||||||
lastTenFPS.value.reduce<DecimalSource>((acc, curr) => Decimal.max(acc, curr), 0)
|
|
||||||
);
|
|
||||||
|
|
||||||
const showLow = computed(() => Decimal.sub(tps.value, low.value).gt(1));
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
Loading…
Reference in a new issue