Chat GUI

Author: michaljaz

coffee/client/module/FirstPersonControls.coffee

@@ -17,8 +17,11 @@ class FirstPersonControls
 		@socket=options.socket
 		@gameState="menu"
 		@listen()
+		$("#commandx").blur()
+		$(".command").hide()
 	updatePosition: (e)->
-		if @gameState is "game"
+		#Updatowanie kursora
+		if @gameState is "gameLock"
 			@camera.rotation.x -= THREE.MathUtils.degToRad e.movementY / 10
 			@camera.rotation.y -= THREE.MathUtils.degToRad e.movementX / 10
 			if THREE.MathUtils.radToDeg( @camera.rotation.x ) < -90
@@ -29,39 +32,93 @@ class FirstPersonControls
 		return
 	listen: ->
 		_this=@
-		$(window).keydown (z) ->
+		$(document).keydown (z) ->
+			#Kliknięcie
 			_this.keys[z.keyCode] = true
-			#If click escape
-			if z.keyCode is 27
-				if _this.gameState is "menu"
-					_this.canvas.requestPointerLock()
+
+			#Klawisz Enter
+			if z.keyCode is 13 and _this.gameState is "chat"
+				_this.socket.emit "command",commandx.value
+				commandx.value=""
+
+			#Klawisz T lub /
+			if (z.keyCode is 84 or z.keyCode is 191) and _this.gameState is "gameLock"
+				if z.keyCode is 191
+					commandx.value="/"
+				_this._Chat()
+				z.preventDefault()
+
+			#Klawisz `
+			if z.keyCode is 192
+				$("#commandx").blur()
+				$(".command").hide()
+				z.preventDefault()
+				if (_this.gameState is "menu") or (_this.gameState is "chat")
+					_this._Game()
 				else
-					document.exitPointerLock = document.exitPointerLock or document.mozExitPointerLock;
-					document.exitPointerLock();
-			if _this.kc[z.keyCode] isnt undefined
+					_this._Menu()
+			if z.keyCode is 27 and _this.gameState is "chat"
+				$("#commandx").blur()
+				$(".command").hide()
+				_this._Menu()
+
+			#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
 			return
 		$(document).keyup (z) ->
+			#Odkliknięcie
+			delete _this.keys[z.keyCode]
+
+			#Wysyłanie state'u do serwera
 			if _this.kc[z.keyCode] isnt undefined
 				_this.socket.emit "move",_this.kc[z.keyCode],false
-			delete _this.keys[z.keyCode]
+
 			return
 		$(".gameOn").click ->
-			_this.canvas.requestPointerLock()
+			_this._Game()
 			return
 		lockChangeAlert=()->
 			if document.pointerLockElement is _this.canvas or document.mozPointerLockElement is _this.canvas
-				_this.gameState="game"
-				$(".gameMenu").css "display", "none"
+				#Lock
+				if _this.gameState is "game"
+					$("#commandx").blur()
+					$(".command").hide()
+					_this.state "gameLock"
+					$(".gameMenu").css "display", "none"
 			else
-				_this.gameState="menu"
-				$(".gameMenu").css "display", "block"
+				#Unlock
+				if (_this.gameState is "menu") or (_this.gameState is "gameLock")
+					$("#commandx").blur()
+					$(".command").hide()
+					_this._Menu()
 			return
 		document.addEventListener 'pointerlockchange', lockChangeAlert, false
 		document.addEventListener 'mozpointerlockchange', lockChangeAlert, false
 		document.addEventListener "mousemove", (e)->
 			_this.updatePosition(e)
 		, false
 		return @
+	state:(state)->
+		@gameState=state
+		console.log "Game state: "+state
+	_Game:()->
+		@state "game"
+		@canvas.requestPointerLock()
+	_Menu:()->
+		@state "menu"
+		$(".gameMenu").css "display", "block"
+		document.exitPointerLock = document.exitPointerLock or document.mozExitPointerLock
+		document.exitPointerLock();
+	_Chat:()->
+		if @gameState is "gameLock"
+			@state "chat"
+			$(".gameMenu").css "display", "none"
+			document.exitPointerLock = document.exitPointerLock or document.mozExitPointerLock
+			document.exitPointerLock()
+			$(".command").show()
+			$("#commandx").focus()
+
+
 
 export {FirstPersonControls}

coffee/client/module/Players.coffee

@@ -1,7 +1,6 @@
 RandomNick=->
 	nameList = ['Time','Past','Future','Dev','Fly','Flying','Soar','Soaring','Power','Falling','Fall','Jump','Cliff','Mountain','Rend','Red','Blue','Green','Yellow','Gold','Panda','Cat','Kitty','Kitten','Zero','Memory','Trooper','XX','Bandit','Fear','Light','Glow','Tread','Deep','Deeper','Deepest','Mine','Your','Worst','Enemy','Hostile','Force','Video','Game','Donkey','Mule','Colt','Cult','Cultist','Magnum','Gun','Assault','Recon','Trap','Trapper','Redeem','Code','Script','Writer','Near','Close','Open','Cube','Circle','Geo','Genome','Germ','Spaz','Shot','Echo','Beta','Alpha','Gamma','Omega','Seal','Squid','Money','Cash','Lord','King','Duke','Rest','Fire','Flame','Morrow','Break','Breaker','Numb','Ice','Cold','Rotten','Sick','Sickly','Janitor','Camel','Rooster','Sand','Desert','Dessert','Hurdle','Racer','Eraser','Erase','Big','Small','Short','Tall','Sith','Bounty','Hunter','Cracked','Broken','Sad','Happy','Joy','Joyful','Crimson','Destiny','Deceit','Lies','Lie','Honest','Destined','Bloxxer','Hawk','Eagle','Hawker','Walker','Zombie','Sarge','Capt','Captain','Punch','One','Two','Uno','Slice','Slash','Melt','Melted','Melting','Fell','Wolf','Hound','Legacy','Sharp','Dead','Mew','Chuckle','Bubba','Bubble','Sandwich','Smasher','Extreme','Multi','Universe','Ultimate','Death','Ready','Monkey','Elevator','Wrench','Grease','Head','Theme','Grand','Cool','Kid','Boy','Girl','Vortex','Paradox']
 	finalName = ""
-	# nick="WebmcPlayer#{Math.floor(10000+Math.random()*10000)}"
 	finalName = nameList[Math.floor( Math.random() * nameList.length )]
 	finalName += nameList[Math.floor( Math.random() * nameList.length )]
 	if Math.random() > 0.5

coffee/client/module/RandomNick.coffee

@@ -17,7 +17,10 @@ class World
 		@ATA=new AnimatedTextureAtlas {al:@al}
 		@material=@ATA.material
 		@cellUpdateTime=null
+		@renderTime=500
 		@neighbours=[[-1, 0, 0],[1, 0, 0],[0, -1, 0],[0, 1, 0],[0, 0, -1],[0, 0, 1]]
+
+		#Utworzenie Workera do obliczania geometrii chunków
 		@chunkWorker=new Worker "/module/World/ChunkWorker.js", {type:'module'}
 		@chunkWorker.onmessage=(message)->
 			_this.updateCell message.data
@@ -29,18 +32,20 @@ class World
 						@al.get("anvil").children[0].geometry.attributes...
 					}
 				}
-				blocks: @al.get "blocks"
 				blocksMapping: @al.get "blocksMapping"
 				toxelSize: @toxelSize
 				cellSize: @cellSize
 			}
 		}
+
+		#Utworzenie Workera do przekształcania bufforów otrzymanych z serwera
 		@sectionsWorker=new Worker "/module/World/SectionsWorker.js", {type:'module'}
 		@sectionsWorker.onmessage=(data)->
 			result=data.data.result
 			for i in result
 				if i isnt null
 					_this.setCell i.x,i.y,i.z,i.cell,i.biome
+		return
 	setCell: (cellX,cellY,cellZ,buffer,biome)->
 		@_setCell cellX,cellY,cellZ,buffer,biome
 		@cellTerrain.setCell cellX,cellY,cellZ,buffer
@@ -62,12 +67,10 @@ class World
 				neiCellId=@cellTerrain.vec3 @cellTerrain.computeCellForVoxel(voxelX+nei[0],voxelY+nei[1],voxelZ+nei[2])...
 				@cellNeedsUpdate[neiCellId]=true
 		return
-	getBlock: (voxelX,voxelY,voxelZ) ->
-		return @cellTerrain.getVoxel voxelX,voxelY,voxelZ
 	updateCellsAroundPlayer: (pos,radius)->
+		#Updatowanie komórek wokół gracza w danym zasięgu
 		_this=@
-		if @cellUpdateTime isnt null and (performance.now()-@cellUpdateTime>500)
-			console.log "updating"
+		if @cellUpdateTime isnt null and (performance.now()-@cellUpdateTime>@renderTime)
 			for k,v of @cellMesh
 				v.visible=false
 			cell=@cellTerrain.computeCellForVoxel (Math.floor pos.x),(Math.floor pos.y),(Math.floor pos.z)
@@ -80,11 +83,17 @@ class World
 					delete _this.cellNeedsUpdate[_this.cellTerrain.vec3(pcell...)]
 				return
 			up(0,0,0)
+			up(1,0,0)
+			up(-1,0,0)
+
+			up(0,0,1)
+			up(0,0,-1)
 			for i in [-radius..radius]
 				for j in [-radius..radius]
 					for k in [-radius..radius]
 						up i,j,k
 	updateCell: (data)->
+		#Updatowanie komórki z już obliczoną geometrią
 		cellId=@cellTerrain.vec3 data.info...
 		cell=data.cell
 		mesh=@cellMesh[cellId]
@@ -132,7 +141,7 @@ class World
 		tzMax = if tzDelta < Infinity then tzDelta * zDist else Infinity
 		steppedIndex = -1
 		while t <= len
-			voxel = @getBlock ix, iy, iz
+			voxel = @cellTerrain.getVoxel ix, iy, iz
 			if voxel
 				return {
 					position: [
@@ -183,17 +192,20 @@ class World
 		else
 			return false
 	_setCell: (cellX,cellY,cellZ,buffer,biome)->
+		#Wysyłanie do ChunkWorkera informacji nowej komórce
 		@cellUpdateTime=performance.now()
 		@chunkWorker.postMessage {
 			type:"setCell"
 			data:[cellX,cellY,cellZ,buffer,biome]
 		}
 	_setVoxel: (voxelX,voxelY,voxelZ,value)->
+		#Wysyłanie do ChunkWorkera informacji o nowym Voxelu
 		@chunkWorker.postMessage {
 			type:"setVoxel"
 			data:[voxelX,voxelY,voxelZ,value]
 		}
 	_genCellGeo: (cellX,cellY,cellZ)->
+		#Wysyłanie do ChunkWorkera prośby o wygenerowanie geometrii komórki
 		cellX=parseInt cellX
 		cellY=parseInt cellY
 		cellZ=parseInt cellZ
@@ -202,6 +214,7 @@ class World
 			data:[cellX,cellY,cellZ]
 		}
 	_computeSections: (sections,x,z,biomes)->
+		#Wysyłanie do SectionsWorkera Buffora, który ma przekształcić w łatwiejszą postać
 		@sectionsWorker.postMessage {
 			type:"computeSections"
 			data:{