Widgets and icons prototype

Author: michaljaz

coffee/client/module/InventoryBar.coffee

@@ -1,74 +1,45 @@
 class InventoryBar
-	constructor: (options)->
-		@boxSize=options.boxSize
-		@div=options.div
-		@padding=options.padding
-		@boxes=9
-		@activeBox=1
-		document.querySelector(@div).style="position:fixed;bottom:50px;left:50%;width:#{(@boxSize+2)*@boxes}px;margin-left:-#{@boxSize*@boxes/2}px;height:#{@boxSize}px;"
-	setBox: (number,imageSrc)->
-		if imageSrc is null
-			imageSrc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
-		$(".inv_box").eq(number-1).attr("src",imageSrc)
-		return
-	setFocus: (number,state)->
-		if state
-			$(".inv_box").eq(number-1).css("background","rgba(0,0,0,0.7)")
-			$(".inv_box").eq(number-1).css("border","1px solid black")
-		else
-			$(".inv_box").eq(number-1).css("background","rgba(54,54,54,0.5)")
-			$(".inv_box").eq(number-1).css("border","1px solid #363636")
-		return
-	setFocusOnly: (number)->
-		for i in [1..@boxes]
-			@setFocus i, i is number
-		@activeBox=number
-		return @
-	moveBoxMinus: ->
-		if @activeBox + 1 > @boxes
-			@setFocusOnly 1
-		else
-			@setFocusOnly @activeBox + 1
-		return
-	moveBoxPlus: ->
-		if @activeBox - 1 is 0
-			@setFocusOnly @boxes
-		else
-			@setFocusOnly @activeBox - 1
-	directBoxChange: (event)->
-		code = event.keyCode
-		if code >= 49 and code < 49 + @boxes
-			@setFocusOnly code - 48
-	setBoxes: (images)->
-		for i in [0..images.length-1]
-			@setBox i+1,images[i]
-		return @
 	setHp: (points)->
+		lista={}
 		for i in [1..10]
-			$(".hp").eq(i-1).attr("src","assets/images/heart/black.png")
+			lista[i-1]="empty"
+			$(".hp").eq(i-1).removeClass("empty")
+			$(".hp").eq(i-1).removeClass("full")
+			$(".hp").eq(i-1).removeClass("half")
 		if points isnt 0
 			for i in [1..(points+points%2)/2]
-				$(".hp").eq(i-1).attr("src","assets/images/heart/red.png")
+				lista[i-1]="full"
 			if points%2 is 1
-				$(".hp").eq((points+points%2)/2-1).attr("src","assets/images/heart/half.png")
+				lista[(points+points%2)/2-1]="half"
+		for i in [1..10]
+			$(".hp").eq(i-1).addClass(lista[i-1])
 		return
 	setFood: (points)->
+		lista={}
 		for i in [1..10]
-			$(".food").eq(10-i).attr("src","assets/images/hunger/black.png")
+			lista[10-i]="empty"
+			$(".food").eq(10-i).removeClass("empty")
+			$(".food").eq(10-i).removeClass("full")
+			$(".food").eq(10-i).removeClass("half")
 		if points isnt 0
 			for i in [1..(points+points%2)/2]
-				$(".food").eq(10-i).attr("src","assets/images/hunger/full.png")
+				lista[10-i]="full"
 			if points%2 is 1
-				$(".food").eq(10-(points+points%2)/2).attr("src","assets/images/hunger/half.png")
+				lista[10-(points+points%2)/2]="half"
+		for i in [1..10]
+			$(".food").eq(10-i).addClass(lista[10-i])
 		return
+	setXp: (level,progress)->
+		$(".player_xp").text level
+		$(".xp_bar").css "width","#{500*progress}px"
 	listen: ->
 		_this=@
-		$(window).on 'wheel', (event) ->
-			if event.originalEvent.deltaY < 0
-				_this.moveBoxPlus()
-			else
-				_this.moveBoxMinus()
-		$(document).keydown (z) ->
-			_this.directBoxChange(z)
+		# $(window).on 'wheel', (event) ->
+		# 	if event.originalEvent.deltaY < 0
+		# 		_this.moveBoxPlus()
+		# 	else
+		# 		_this.moveBoxMinus()
+		# $(document).keydown (z) ->
+		# 	_this.directBoxChange(z)
 		return @
 export {InventoryBar}

coffee/client/module/World/World.coffee

@@ -27,11 +27,6 @@ class World
 		@chunkWorker.postMessage {
 			type:'init'
 			data:{
-				models:{
-					anvil:{
-						@al.get("anvil").children[0].geometry.attributes...
-					}
-				}
 				blocksMapping: @al.get "blocksMapping"
 				toxelSize: @toxelSize
 				cellSize: @cellSize

coffee/client/module/index.coffee

@@ -38,14 +38,6 @@ init = ()->
 	#Informacja o gpu komputera
 	console.warn gpuInfo()
 
-	#Chmury
-	clouds=al.get "clouds"
-	clouds.scale.x=0.1
-	clouds.scale.y=0.1
-	clouds.scale.z=0.1
-	clouds.position.y=170
-	scene.add clouds
-
 	#FPSy
 	stats = new Stats()
 	stats.showPanel 0
@@ -89,8 +81,7 @@ init = ()->
 	socket.on "msg",(msg)->
 		$(".chat").append(msg+"<br>")
 	socket.on "xp",(xp)->
-		$(".player_xp").text(xp.level)
-		$(".progress-bar").css("width",xp.progress*100+"%")
+		inv_bar.setXp xp.level,xp.progress
 	socket.on "move", (pos)->
 		to={x:pos.x-0.5,y:pos.y+17,z:pos.z-0.5}
 		new TWEEN.Tween camera.position
@@ -103,17 +94,7 @@ init = ()->
 		boxSize: 60
 		padding: 4
 		div: ".inventoryBar"
-	}).setBoxes([
-		"assets/images/grass_block.png",
-		"assets/images/stone.png",
-		"assets/images/oak_planks.png",
-		"assets/images/smoker.gif",
-		"assets/images/anvil.png",
-		"assets/images/brick.png",
-		"assets/images/furnace.png",
-		"assets/images/bookshelf.png",
-		"assets/images/tnt.png"
-	]).setFocusOnly(1).listen()
+	}).listen()
 
 	#Kontrolki gracza
 	FPC = new FirstPersonControls {

src/client/assets/assetLoader.json

@@ -1,24 +1,8 @@
 {
-  "steve":{
-    "path":"assets/textures/steve.png",
-    "type":"texture"
-  },
-  "ghast":{
-    "path":"assets/textures/ghast.png",
-    "type":"texture"
-  },
-  "ghastS":{
-    "path":"assets/textures/ghast_shooting.png",
-    "type":"texture"
-  },
   "blocksMapping":{
     "path":"assets/blocks/blocksMapping.json",
     "type":"text"
   },
-  "blocks":{
-    "path":"assets/blocks/blocks.json",
-    "type":"text"
-  },
   "blocksAtlasFull":{
     "path":"assets/blocks/blocksAtlas-full.png",
     "type":"image"
@@ -27,22 +11,6 @@
     "path":"assets/blocks/blocksMapping-full.json",
     "type":"text"
   },
-  "clouds":{
-    "path":"assets/models/clouds/clouds.fbx",
-    "type":"fbx"
-  },
-  "ghastF":{
-    "path":"assets/models/ghast/ghast.fbx",
-    "type":"fbx"
-  },
-  "player":{
-    "path":"assets/models/player/player.fbx",
-    "type":"fbx"
-  },
-  "anvil":{
-    "path":"assets/models/anvil/anvil.fbx",
-    "type":"fbx"
-  },
   "skybox":{
     "path":"assets/images/skybox.jpg",
     "type":"texture"