Add quality scaling settings

src/graphics/rendering/settings/default-runtime-settings.ts

@@ -9,6 +9,8 @@ export const defaultRuntimeSettings: RuntimeSettings = {
   tileMultiplier: 8,
   isWorldInverted: false,
   lightCutoffDistance: 400,
+  distanceRenderScale: 0.5,
+  lightsRenderScale: 1,
   colorPalette: [],
   ambientLight: vec3.fromValues(0.25, 0.15, 0.25),
   textures: {},

src/graphics/rendering/settings/runtime-settings.ts

@@ -48,6 +48,23 @@ export interface RuntimeSettings {
    */
   colorPalette: Array<vec3 | vec4>;
 
+  /**
+   * The resolution of the distance field rendering will be scaled up or down with this value.
+   *
+   * Because of interpolation, this can be set much lower than the `lightsRenderScale`, while
+   * maintaining closely the same perceived quality.
+   *
+   * Setting this is a great way to balance quality and performance.
+   */
+  distanceRenderScale: number;
+
+  /**
+   * The resolution of the final frame will be scaled by this value.
+   *
+   * Setting this is a great way to balance quality and performance.
+   */
+  lightsRenderScale: number;
+
   /**
    * It is possible to use your own textures in your SDF definitions.
    *