Getting there

src/config/runtime-controls.ts

@@ -4,6 +4,16 @@ import type { GardenAppConfig } from './types';
 const formatPercent = (value: number): string => `${Math.round(value * 100)}%`;
 const formatRadiansAsDegrees = (value: number): string =>
   `${Math.round((value * 180) / Math.PI)} deg`;
+const formatCompactNumber = (value: number): string => {
+  if (value >= 1_000_000) {
+    const millions = value / 1_000_000;
+    return `${Number.isInteger(millions) ? millions : millions.toFixed(1)}M`;
+  }
+  if (value >= 1_000) {
+    return `${Math.round(value / 1_000)}k`;
+  }
+  return `${value}`;
+};
 
 export const runtimeControls: GardenAppConfig['runtimeSettings']['controls'] = {
   color1ToColor1: colorInteractionControl('Color 1 Follows Color 1'),
@@ -20,14 +30,14 @@ export const runtimeControls: GardenAppConfig['runtimeSettings']['controls'] = {
     folder: 'Brush',
     label: 'Brush Size',
     min: 1,
-    max: 60,
+    max: 36,
     step: 0.25,
   },
   spawnPerPixel: {
     folder: 'Brush',
     label: 'Density',
     min: 0.01,
-    max: 1,
+    max: 0.38,
     step: 0.001,
   },
   strokeAngleJitterRadians: {
@@ -35,7 +45,7 @@ export const runtimeControls: GardenAppConfig['runtimeSettings']['controls'] = {
     format: formatRadiansAsDegrees,
     label: 'Spawn Spread',
     min: 0,
-    max: Math.PI * 2,
+    max: Math.PI,
     step: 0.01,
   },
   sensorOffsetDistance: {
@@ -81,6 +91,13 @@ export const runtimeControls: GardenAppConfig['runtimeSettings']['controls'] = {
     max: 1,
     step: 0.001,
   },
+  diffusionRateTrails: {
+    folder: 'Movement',
+    label: 'Diffusion Rate',
+    min: 0.01,
+    max: 1,
+    step: 0.01,
+  },
   decayRateTrails: {
     folder: 'Movement',
     label: 'Trail Fade',
@@ -106,6 +123,7 @@ export const runtimeControls: GardenAppConfig['runtimeSettings']['controls'] = {
 
   maxAgentCount: {
     folder: 'Performance',
+    format: formatCompactNumber,
     integer: true,
     label: 'Population Limit',
     min: 0,