dynamic FOV

Author: michaljaz

coffee/client/module/FirstPersonControls.coffee

@@ -15,6 +15,7 @@ class FirstPersonControls
 		@canvas=options.canvas
 		@camera=options.camera
 		@socket=options.socket
+		@TWEEN=options.TWEEN
 		@setState "menu"
 		@listen()
 	updatePosition: (e)->
@@ -67,6 +68,14 @@ class FirstPersonControls
 			#Wysyłanie state'u do serwera
 			if _this.kc[z.keyCode] isnt undefined and _this.gameState is "gameLock"
 				_this.socket.emit "move",_this.kc[z.keyCode],true
+				if _this.kc[z.keyCode] is "sprint"
+					to={fov:105}
+					new _this.TWEEN.Tween _this.camera
+						.to to, 200
+						.easing _this.TWEEN.Easing.Quadratic.Out
+						.onUpdate ()->
+							_this.camera.updateProjectionMatrix()
+						.start()
 			return
 		$(document).keyup (z) ->
 			#Odkliknięcie
@@ -75,6 +84,14 @@ class FirstPersonControls
 			#Wysyłanie state'u do serwera
 			if _this.kc[z.keyCode] isnt undefined
 				_this.socket.emit "move",_this.kc[z.keyCode],false
+				if _this.kc[z.keyCode] is "sprint"
+					to={fov:95}
+					new _this.TWEEN.Tween _this.camera
+						.to to, 200
+						.easing _this.TWEEN.Easing.Quadratic.Out
+						.onUpdate ()->
+							_this.camera.updateProjectionMatrix()
+						.start()
 
 			return
 		$(".gameOn").click ->

coffee/client/module/index.coffee

@@ -20,7 +20,7 @@ init = ()->
 		PixelRatio:window.devicePixelRatio
 	}
 	scene=new THREE.Scene
-	camera = new THREE.PerspectiveCamera 100, 2, 0.1, 1000
+	camera = new THREE.PerspectiveCamera 95, 2, 0.1, 1000
 	camera.rotation.order = "YXZ"
 	camera.position.set 26, 26, 26
 
@@ -60,6 +60,7 @@ init = ()->
 		camera
 		micromove: 0.3
 		socket
+		TWEEN
 	}
 
 	#Czat

src/client/index.html

@@ -102,7 +102,7 @@ <h1 class="loadingText">Ładowanie zasobów...</h1>
       <div class="inv_bar"></div>
 
     </div>
-    
+
     <!-- INVENTORY WINDOW -->
     <div class="inv_window"></div>
 
@@ -142,6 +142,9 @@ <h3>Gra zatrzymana</h3>
           <li>
             <button>R</button> sprint
           </li>
+          <li>
+            <button>E</button> ekwipunek
+          </li>
           <li>
             <button>Spacja</button> skakanie
           </li>