Add setting to disable vignette

artwork/steam/announcement.psd

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:aac3ac709c7d6c9dc44c548a437cf9d499a0a699068307b51810d49edd9fd28e
-size 220467
+oid sha256:3c91adcd4e00006ffa4aed4db19d1530bf8c58935b1624d1640fc8e9465a2824
+size 176993

src/js/changelog.js

@@ -6,7 +6,8 @@ export const CHANGELOG = [
             "You can now place straight belts (and tunnels) by holding SHIFT! (For you, @giantwaffle ❤️)",
             "Added continue button to main menu and add seperate 'New game' button (by jaysc)",
             "Added setting to disable smart tunnel placement introduced with the last update",
-            "Update translations ",
+            "Added setting to disable vignette",
+            "Update translations",
         ],
     },
     {

src/js/game/hud/hud.js

@@ -58,7 +58,6 @@ export class GameHUD {
             shop: new HUDShop(this.root),
             statistics: new HUDStatistics(this.root),
             waypoints: new HUDWaypoints(this.root),
-            vignetteOverlay: new HUDVignetteOverlay(this.root),
 
             // Must always exist
             pinnedShapes: new HUDPinnedShapes(this.root),
@@ -90,11 +89,16 @@ export class GameHUD {
         if (IS_DEMO) {
             this.parts.watermark = new HUDWatermark(this.root);
         }
+
         if (this.root.app.settings.getAllSettings().offerHints) {
             this.parts.tutorialHints = new HUDPartTutorialHints(this.root);
             this.parts.interactiveTutorial = new HUDInteractiveTutorial(this.root);
         }
 
+        if (this.root.app.settings.getAllSettings().vignette) {
+            this.parts.vignetteOverlay = new HUDVignetteOverlay(this.root);
+        }
+
         const frag = document.createDocumentFragment();
         for (const key in this.parts) {
             this.parts[key].createElements(frag);

src/js/profile/application_settings.js

@@ -199,6 +199,7 @@ export const allApplicationSettings = [
 
     new BoolSetting("alwaysMultiplace", categoryGame, (app, value) => {}),
     new BoolSetting("enableTunnelSmartplace", categoryGame, (app, value) => {}),
+    new BoolSetting("vignette", categoryGame, (app, value) => {}),
 ];
 
 export function getApplicationSettingById(id) {
@@ -221,6 +222,7 @@ class SettingsStorage {
         this.alwaysMultiplace = false;
         this.offerHints = true;
         this.enableTunnelSmartplace = true;
+        this.vignette = true;
 
         /**
          * @type {Object.<string, number>}
@@ -410,7 +412,7 @@ export class ApplicationSettings extends ReadWriteProxy {
     }
 
     getCurrentVersion() {
-        return 11;
+        return 12;
     }
 
     /** @param {{settings: SettingsStorage, version: number}} data */
@@ -452,6 +454,11 @@ export class ApplicationSettings extends ReadWriteProxy {
             data.version = 11;
         }
 
+        if (data.version < 12) {
+            data.settings.vignette = true;
+            data.version = 12;
+        }
+
         return ExplainedResult.good();
     }
 }

translations/base-en.yaml

@@ -681,6 +681,11 @@ settings:
             description: >-
                 When enabled, placing tunnels will automatically remove unnecessary belts. This also enables to drag tunnels and excess tunnels will get removed.
 
+        vignette:
+            title: Vignette
+            description: >-
+                Enables the vignette which darkens the screen corners and makes text easier to read.
+
 keybindings:
     title: Keybindings
     hint: >-