FOV in gui

Author: michaljaz

README.md

@@ -5,7 +5,7 @@
 [![Build and Deploy](https://github.com/michaljaz/web-minecraft/actions/workflows/github-pages.yaml/badge.svg)](https://github.com/michaljaz/web-minecraft/actions/workflows/github-pages.yaml)
 ## About
 
-**Web-minecraft is minecraft client written in Javascript.** From web browser this client connects to proxy(https://github.com/michaljaz/web-minecraft-proxy) that translates Websocket connection to TCP and then to real minecraft server, so you can play minecraft in the browser. Web-minecraft now only supports minecraft 1.16.5.
+**Web-minecraft is minecraft client written in Javascript.** From web browser this client connects to [proxy](https://github.com/michaljaz/web-minecraft-proxy) that translates Websocket connection to TCP and then to real minecraft server, so you can play minecraft in the browser. Web-minecraft now only supports minecraft 1.16.5.
 
 ## Demo
 Live demo with no installation: https://minecraft.js.org.

src/scripts/Setup.js

@@ -66,10 +66,6 @@ function Setup (game) {
     chunkdist: 4
   }
   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')
@@ -79,6 +75,15 @@ function Setup (game) {
       }
     })
     .listen()
+  gui
+    .add(game.fov, 'normal', 30, 110, 1)
+    .name('FOV')
+    .onChange(function (val) {
+      game.fov.sprint = game.fov.normal + 10
+      game.camera.fov = game.fov.normal
+      game.camera.updateProjectionMatrix()
+    })
+    .listen()
   gui
     .add(game.distanceBasedFog, 'visible')
     .name('Enable fog')
@@ -94,6 +99,10 @@ function Setup (game) {
     .add(game.world.chunkManager, 'smooth')
     .name('Smooth chunks')
     .listen()
+  gui
+    .add(game.world.material, 'wireframe')
+    .name('Wireframe')
+    .listen()
   game.eh = new EventHandler(game)
 }