FirstPersonControls real player

Author: michaljaz

coffee/client/module/FirstPersonControls.coffee

@@ -3,45 +3,19 @@ import * as THREE from './build/three.module.js'
 class FirstPersonControls
 	constructor: (options)->
 		@kc={
-			"w": 87,
-			"s": 83,
-			"a": 65,
-			"d": 68,
-			"space": 32,
-			"shift": 16
+			87:"forward"
+			65:"right"
+			83:"back"
+			68:"left"
+			32:"jump"
 		}
 		@keys={}
 		@canvas=options.canvas
 		@camera=options.camera
 		@micromove=options.micromove
+		@socket=options.socket
 		@gameState="menu"
 		@listen()
-	ac: (qx, qy, qa, qf)->
-		m_x = -Math.sin(qa) * qf;
-		m_y = -Math.cos(qa) * qf;
-		r_x = qx - m_x;
-		r_y = qy - m_y;
-		return {
-			x: r_x,
-			y: r_y
-		}
-	camMicroMove: ->
-		if @keys[@kc["w"]]
-			@camera.position.x = @ac(@camera.position.x, @camera.position.z, @camera.rotation.y + THREE.MathUtils.degToRad(180), @micromove).x
-			@camera.position.z = @ac(@camera.position.x, @camera.position.z, @camera.rotation.y + THREE.MathUtils.degToRad(180), @micromove).y
-		if @keys[@kc["s"]]
-			@camera.position.x = @ac(@camera.position.x, @camera.position.z, @camera.rotation.y, @micromove).x
-			@camera.position.z = @ac(@camera.position.x, @camera.position.z, @camera.rotation.y, @micromove).y
-		if @keys[@kc["a"]]
-			@camera.position.x = @ac(@camera.position.x, @camera.position.z, @camera.rotation.y - THREE.MathUtils.degToRad(90), @micromove).x
-			@camera.position.z = @ac(@camera.position.x, @camera.position.z, @camera.rotation.y - THREE.MathUtils.degToRad(90), @micromove).y
-		if @keys[@kc["d"]]
-			@camera.position.x = @ac(@camera.position.x, @camera.position.z, @camera.rotation.y + THREE.MathUtils.degToRad(90), @micromove).x
-			@camera.position.z = @ac(@camera.position.x, @camera.position.z, @camera.rotation.y + THREE.MathUtils.degToRad(90), @micromove).y
-		if @keys[@kc["space"]]
-			@camera.position.y += @micromove
-		if @keys[@kc["shift"]]
-			@camera.position.y -= @micromove
 	updatePosition: (e)->
 		if @gameState is "game"
 			@camera.rotation.x -= THREE.MathUtils.degToRad e.movementY / 10
@@ -50,6 +24,7 @@ class FirstPersonControls
 				@camera.rotation.x = THREE.MathUtils.degToRad -90
 			if THREE.MathUtils.radToDeg( @camera.rotation.x ) > 90
 				@camera.rotation.x = THREE.MathUtils.degToRad 90
+			@socket.emit "playerRotate", [@camera.rotation.y,@camera.rotation.x]
 		return
 	listen: ->
 		_this=@
@@ -62,8 +37,12 @@ class FirstPersonControls
 				else
 					document.exitPointerLock = document.exitPointerLock or document.mozExitPointerLock;
 					document.exitPointerLock();
+			if _this.kc[z.keyCode] isnt undefined
+				_this.socket.emit "move",_this.kc[z.keyCode],true
 			return
 		$(document).keyup (z) ->
+			if _this.kc[z.keyCode] isnt undefined
+				_this.socket.emit "move",_this.kc[z.keyCode],false
 			delete _this.keys[z.keyCode]
 			return
 		$(".gameOn").click ->

coffee/client/module/World/ChunkWorker.coffee

@@ -155,16 +155,11 @@ handlers={
 		terrain.setVoxel data...
 	genCellGeo: (data)->
 		if ((terrain.cellTerrain.vec3 data...) of terrain.cellTerrain.cells) is true
-			t0 = performance.now()
 			geo=terrain.genCellGeo data...
-			t1 = performance.now()
-			time+=(t1 - t0)
-			console.log(time)
 			postMessage {
 				cell:geo
 				info:data
 			}
 	setCell: (data)->
-		console.log("Otrzymano komórkę")
 		terrain.cellTerrain.cells["#{data[0]}:#{data[1]}:#{data[2]}"]=data[3]
 }

coffee/client/module/index.coffee

@@ -20,12 +20,12 @@ init = ()->
 		PixelRatio:window.devicePixelRatio
 	}
 	scene=new THREE.Scene
-	camera = new THREE.PerspectiveCamera 70, 2, 0.1, 1000
+	camera = new THREE.PerspectiveCamera 90, 2, 0.1, 64
 	camera.rotation.order = "YXZ"
 	camera.position.set 26, 26, 26
 	color = new THREE.Color("#adc8ff")
-	near = 64
-	far = 128
+	near = 32
+	far = 64
 	scene.fog = new THREE.Fog(color, near, far)
 	#skybox
 	loader = new THREE.TextureLoader();
@@ -78,6 +78,12 @@ init = ()->
 		return
 	socket.on "mapChunk", (sections,x,z)->
 		world._computeSections sections,x,z
+	socket.on "botPosition", (pos)->
+		to={x:pos.x-0.5,y:pos.y+17,z:pos.z-0.5}
+		new TWEEN.Tween camera.position
+			.to to, 40
+			.easing TWEEN.Easing.Quadratic.Out
+			.start()
 	players=new Players {socket,scene,al}
 	socket.on "playerUpdate",(data)->
 		players.update data
@@ -113,6 +119,7 @@ init = ()->
 		canvas
 		camera
 		micromove: 0.3
+		socket
 	}
 
 	#Raycast cursor
@@ -166,7 +173,6 @@ render = ->
 			xyaw:-camera.rotation.x
 			zyaw:camera.rotation.y+Math.PI
 		}
-		FPC.camMicroMove()
 
 	#Update cursor
 	rayBlock=world.getRayBlock()
@@ -182,8 +188,10 @@ render = ->
 
 	#Rendering
 	world.updateCells()
+	TWEEN.update();
 	renderer.render scene, camera
 	return
+
 animate = ->
 	try
 		stats.begin()

coffee/server.coffee

@@ -64,9 +64,18 @@ module.exports=(config)->
 					return
 				socketInfo[socket.id].bot.chat message
 				return
+			socketInfo[socket.id].bot.on 'move',()->
+				try
+					console.log socketInfo[socket.id].bot.entity.position
+					io.to(socket.id).emit "botPosition",socketInfo[socket.id].bot.entity.position
+				return
 			#first world load
 			io.to(socket.id).emit "firstLoad",world
 			return
+		socket.on "move",(state,toggle)->
+			socketInfo[socket.id].bot.setControlState(state,toggle);
+		socket.on "playerRotate",(data)->
+			socketInfo[socket.id].bot.look data...
 		socket.on "playerUpdate",(data)->
 			players[socket.id]=data
 			io.sockets.emit "playerUpdate", players