Update settings list order

Update Fog Color
Update Readme Settings order

README.md

@@ -60,14 +60,14 @@
 | Bullet          | *Boolean* | `true`        | Whether there will be visible projectile meshes. Setting this to `false` may lead to slightly better performance. |
 | Bullet Path     | *Boolean* | `false`       | Whether there will be visible bullet's trajectory from the barrel of the weapon to the projectile. Setting this to `true` may lead to slightly worse performance on low-end devices. |
 | Bullet Holes    | *Boolean* | `false`       | Whether there will be visible bullets holes on buildings, walls and ground. Setting this to `true` may lead to slightly worse performance on low-end devices. |
+| Fog             | *Boolean* | `true`        | Whether there will be fog on the level. |
+| Volumetric Fog  | *Boolean* | `false`       | Whether to use [Volumetric Fog](https://www.gamedeveloper.com/programming/atmospheric-scattering-and-volumetric-fog-algorithm-part-1) instead of the [exponential squared](https://threejs.org/docs/#api/en/scenes/FogExp2) on the level. Setting this to `true` will lead to worse performance on low-end devices. **Can be `true` only if `fog` is `true`.** |
 | Raining         | *Boolean* | `true`        | Whether it will be raining on the level. Setting this to `false` will lead to better performance. |
-| Lighting        | *Boolean* | `false`       | Whether there will be lightning strikes on the level. Setting this to `true` may lead to slightly worse performance on low-end devices. **Can be `true` only if `clouds` is greater than `0`.** |
 | Raindrops       | *Boolean* | `false`       | Whether there will be an overlay of raindrops on the camera. Setting this to `true` will lead to slightly worse performance on low-end devices. **Can be `true` only if `raining` is `true`.** |
 | Soft Particles  | *Boolean* | `false`       | Whether to use [Soft Particles](https://developer.download.nvidia.com/whitepapers/2007/SDK10/SoftParticles_hi.pdf) effect on raindrops on the level. Setting this to `true` may lead to slightly worse performance on low-end devices. **Can be `true` only if `raining` is `true`.** |
-| Fog             | *Boolean* | `true`        | Whether there will be fog on the level. |
-| Volumetric Fog  | *Boolean* | `false`       | Whether to use [Volumetric Fog](https://www.gamedeveloper.com/programming/atmospheric-scattering-and-volumetric-fog-algorithm-part-1) instead of the [exponential squared](https://threejs.org/docs/#api/en/scenes/FogExp2) on the level. Setting this to `true` will lead to worse performance on low-end devices. **Can be `true` only if `fog` is `true`.** |
 | Clouds         | *Number*  | `0`            | Amount of cloud sprites that will be covering the skybox. Incrementing this number may lead to slightly worse performance on low-end devices. **Min value is `0`; max value is `300`.** |
 | Dynamic Clouds  | *Boolean* | `false`       | Whether clouds will be rotating. Setting this to `true` may lead to slightly worse performance on low-end devices. **Can be `true` only if `clouds` is greater than `0`.** |
+| Lighting        | *Boolean* | `false`       | Whether there will be lightning strikes on the level. Setting this to `true` may lead to slightly worse performance on low-end devices. **Can be `true` only if `clouds` is greater than `0`.** |
 | Physical Lights | *Boolean* | `false`       | Whether to use physically correct lighting mode. Setting this to `true` will lead to worse performance on low-end devices. |
 
 ### Physics ###

src/settings/utils.ts

@@ -14,8 +14,8 @@ const settings = new Settings();
 
 const dependencies = new Map([
   ['bullet', ['bulletPath', 'bulletHoles']],
-  ['raining', ['raindrops', 'softParticles']],
   ['fog', ['volumetricFog']],
+  ['raining', ['raindrops', 'softParticles']],
   ['clouds', ['lighting', 'dynamicClouds']]
 ]);
 

src/settings/visuals.json

@@ -4,50 +4,53 @@
     "bulletPath": false,
     "bulletHoles": false,
 
+    "fog": true,
+    "volumetricFog": false,
+
     "raining": true,
-    "lighting": false,
     "raindrops": false,
     "softParticles": false,
 
-    "fog": true,
-    "volumetricFog": false,
-
     "clouds": 0.0,
     "dynamicClouds": false,
+
+    "lighting": false,
     "physicalLights": false
   },
   {
     "bullet": true,
     "bulletPath": false,
     "bulletHoles": true,
 
+    "fog": false,
+    "volumetricFog": false,
+
     "raining": true,
-    "lighting": true,
     "raindrops": true,
     "softParticles": false,
 
-    "fog": false,
-    "volumetricFog": false,
-
     "clouds": 300.0,
     "dynamicClouds": true,
+
+    "lighting": true,
     "physicalLights": false
   },
   {
     "bullet": true,
     "bulletPath": true,
     "bulletHoles": true,
 
+    "fog": true,
+    "volumetricFog": true,
+
     "raining": true,
-    "lighting": true,
     "raindrops": true,
     "softParticles": true,
 
-    "fog": true,
-    "volumetricFog": true,
-
     "clouds": 1.0,
     "dynamicClouds": false,
+
+    "lighting": true,
     "physicalLights": true
   }
 ]

src/utils/Color.ts

@@ -8,7 +8,7 @@ export namespace Color
   export const PORTAL = 0x222222;
   export const BLUE   = 0x2D78FF;
 
-  export const FOG    = 0x333333;
+  export const FOG    = 0x636363;
   export const RAIN   = 0x4B4B4B;
   export const RED    = 0x8A0707;