advanced character controls + zoom/fov

src/lib/Dashboard.js

@@ -61,7 +61,7 @@ class DashBoard {
 		);
 		const loadingProgress = new ProgressBar(engine);
 		loadingProgress.object.scale.set(engine.aspect*0.8, 0.05, 0.05)
-		loadingProgress.object.position.set(-engine.aspect/2 + engine.aspect*0.1, 0, 0.1)
+		loadingProgress.object.position.set(-engine.aspect/2 + engine.aspect*0.1, 0, 0)
 		loadingPlane.add(loadingProgress.object);
 		dash.add(loadingPlane);
 
@@ -74,7 +74,7 @@ class DashBoard {
 					transparent:true
 				})
 			);
-			hudPlane.position.z = -0.22;
+			hudPlane.position.z = 0;
 			hudPlane.position.y = -0.05
 			hud.add(hudPlane)
 
@@ -86,8 +86,8 @@ class DashBoard {
 					transparent:true
 				})
 			);
-			textPlane.position.z = -0.25;
-			textPlane.position.y = -0.46
+			textPlane.position.z = -0.002;
+			textPlane.position.y = -0.41
 			textPlane.visible = false;
 			dash.add(textPlane)
 		})()
@@ -115,7 +115,8 @@ class DashBoard {
 		engine.addEventListener('beforeRender', ()=>{
 			dash.quaternion.copy(engine.camera.quaternion)
 			dash.position.copy(engine.camera.position)
-			dash.translateZ(-1.2 * engine.camera.zoom);
+			//dash.translateZ(-1.2 * engine.camera.zoom);
+			dash.translateZ(-0.5/Math.tan(engine.camera.fov/2 * Math.PI/180) * engine.camera.zoom);
 		})
 
 		this.updateText = function(t, textScrolledCallback){
@@ -147,7 +148,7 @@ class DashBoard {
 
 		levelProgress = new ProgressBar(engine)
 		dash.add(levelProgress.object);
-		levelProgress.object.position.set(-engine.aspect/2 + engine.aspect/30, 0.45, -0.01)
+		levelProgress.object.position.set(-engine.aspect/2 + engine.aspect/30, 0.45, -0.001)
 		levelProgress.object.scale.set(engine.aspect/3, 0.02, 0.02)
 		this.levelProgress = levelProgress;