fog visibility in GUI

Author: michaljaz

src/scripts/Setup.js

@@ -65,16 +65,27 @@ function Setup (game) {
   game.params = {
     chunkdist: 4
   }
-  game.distanceBasedFog.farnear.x = (game.params.chunkdist - 2) * 16
-  game.distanceBasedFog.farnear.y = (game.params.chunkdist - 1) * 16
-  gui.add(game.world.material, 'wireframe').name('Wireframe').listen()
+  game.distanceBasedFog.updateDistance(game.params.chunkdist)
+  gui
+    .add(game.world.material, 'wireframe')
+    .name('Wireframe')
+    .listen()
   gui
     .add(game.params, 'chunkdist', 2, 10, 1)
     .name('Render distance')
     .onChange(function (val) {
-      game.distanceBasedFog.farnear.x = (val - 2) * 16
-      game.distanceBasedFog.farnear.y = (val - 1) * 16
-      console.log(val)
+      game.distanceBasedFog.updateDistance(val)
+    })
+    .listen()
+  gui
+    .add(game.distanceBasedFog, 'visible')
+    .name('Enable fog')
+    .onChange(function (val) {
+      if (val) {
+        game.distanceBasedFog.updateDistance(game.params.chunkdist)
+      } else {
+        game.distanceBasedFog.updateDistance(1000)
+      }
     })
     .listen()
   game.eh = new EventHandler(game)

src/scripts/rendering/DistanceBasedFog.js

@@ -6,6 +6,12 @@ class DistanceBasedFog {
     this.view = new Vector3()
     this.farnear = new Vector2()
     this.color = new Vector4()
+    this.visible = true
+  }
+
+  updateDistance (val) {
+    this.farnear.x = (val - 2) * 16
+    this.farnear.y = (val - 1) * 16
   }
 
   update () {

src/scripts/world/ChunkMesher.js

@@ -259,12 +259,12 @@ class ChunkMesher {
   }
 
   aoColor (type) {
-  	const num = ({
-  		0: 0.7,
-  		1: 0.5,
-  		2: 0.3,
-  		3: 0.1
-  	})[type]
+    const num = ({
+      0: 0.9,
+      1: 0.7,
+      2: 0.5,
+      3: 0.3
+    })[type]
     return [num, num, num]
   }