From 6cdde2900c96a4042bff9bb73f624920c6c92b96 Mon Sep 17 00:00:00 2001 From: Tony Ko Date: Tue, 21 Jul 2026 04:04:38 -0400 Subject: [PATCH 1/2] perf(contour): slow the render cap and quicken the terrain drift --- src/components/atoms/contour.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/atoms/contour.tsx b/src/components/atoms/contour.tsx index 86d6905..29ee415 100644 --- a/src/components/atoms/contour.tsx +++ b/src/components/atoms/contour.tsx @@ -17,14 +17,14 @@ const styles = { // Tuning const baseAlpha = 0.1 // faint lines const indexAlpha = 0.15 // index lines -const fps = 15 // render cap; GPU-side now, so a smooth rate is cheap -const timeScale = 0.02 // how fast the terrain evolves (per second) +const fps = 12 // render cap; GPU-side now, so a smooth rate is cheap +const timeScale = 0.025 // how fast the terrain evolves (per second) const noiseFreq = 0.005 // spatial scale: higher = zoomed further out = far more lines on screen const baseWidth = 2 // contour line width in px -const indexWidth = 2 +const indexWidth = 2 // index line width in px const levels = 28 // number of contour thresholds (high = lots of tightly packed bands) -const levelMin = 0.3 // lowest / highest terrain value a contour tracks -const levelMax = 0.7 +const levelMin = 0.3 // lowest terrain value a contour tracks +const levelMax = 0.7 // highest terrain value a contour tracks const indexEvery = 6 // every Nth contour is a bolder "index" line, as on real topo maps const mainOctaves = 4 // fractal octaves for the terrain height field const warpOctaves = 2 // octaves for the domain-warp field From 8c985ff3be72a55cc6b4c3c2714523b650362626 Mon Sep 17 00:00:00 2001 From: Tony Ko Date: Tue, 21 Jul 2026 04:04:42 -0400 Subject: [PATCH 2/2] refactor(reticle): hoist the shared logo path props and drop the unused center style --- src/components/atoms/reticle.tsx | 72 +++++++++----------------------- 1 file changed, 20 insertions(+), 52 deletions(-) diff --git a/src/components/atoms/reticle.tsx b/src/components/atoms/reticle.tsx index 7c9baec..b504c92 100644 --- a/src/components/atoms/reticle.tsx +++ b/src/components/atoms/reticle.tsx @@ -3,13 +3,6 @@ import { cn, cva, type VariantProps } from '@/utils/theme' const styles = { root: cva('text-muted-foreground aspect-1168/896'), - center: cva('', { - variants: { - variant: { - loading: 'fill-background light' - } - } - }), logo: cva( [ 'mix-blend-exclusion', @@ -48,6 +41,11 @@ const Reticle = forwardRef((props, ref) => { // render vars const opacity = 0.3 + const logoProps = { + fill: 'transparent', + stroke: 'currentColor', + strokeWidth: 1 + } // jsx return ( @@ -78,33 +76,23 @@ const Reticle = forwardRef((props, ref) => { @@ -112,33 +100,23 @@ const Reticle = forwardRef((props, ref) => { @@ -146,33 +124,23 @@ const Reticle = forwardRef((props, ref) => {