Entities as green cubes

Author: michaljaz

coffee/client/module/Entities.coffee

@@ -0,0 +1,27 @@
+import * as THREE from './build/three.module.js'
+class Entities
+	constructor:(options)->
+		@scene=options.scene
+		@saved={}
+	update:(entities)->
+		for i of entities
+			if entities[i].type isnt "player"
+				if @saved[entities[i].uuid] is undefined
+					console.log entities[i]
+					geometry = new THREE.BoxGeometry( 1, 1, 1 )
+					material = new THREE.MeshBasicMaterial( {color: 0x00ff00} )
+					cube = new THREE.Mesh( geometry, material )
+					@scene.add(cube)
+					cube.position.set entities[i].position.x+0.5,entities[i].position.y+16,entities[i].position.z+0.5
+					@saved[entities[i].uuid]=cube
+					@saved[entities[i].uuid].active=true
+				else
+					@saved[entities[i].uuid].position.set entities[i].position.x+0.5,entities[i].position.y+16,entities[i].position.z+0.5
+					@saved[entities[i].uuid].active=true
+		for i of @saved
+			if @saved[i].active is false
+				@scene.remove @saved[i]
+				delete @saved[i]
+		for i of @saved
+			@saved[i].active=false
+export {Entities}

coffee/client/module/index.coffee

@@ -11,6 +11,7 @@ import {InventoryBar} from './InventoryBar.js'
 import {RandomNick} from './RandomNick.js'
 import {GUI} from './jsm/libs/dat.gui.module.js'
 import {Chat} from './Chat.js'
+import {Entities} from './Entities.js'
 
 init = ()->
 	#Płótno,renderer,scena i kamera
@@ -39,6 +40,9 @@ init = ()->
 	#Informacja o gpu komputera
 	console.warn gpuInfo()
 
+	#Moby
+	ent=new Entities {scene}
+
 	#FPSy
 	stats = new Stats()
 	stats.showPanel 0
@@ -123,6 +127,8 @@ init = ()->
 				.easing TWEEN.Easing.Quadratic.Out
 				.start()
 			return
+		"entities":(entities)->
+			ent.update entities
 	}
 	for i of eventMap
 		socket.on i,eventMap[i]

coffee/server.coffee

@@ -89,6 +89,7 @@ module.exports=(type)->
 				if inv isnt inv_new
 					inv=inv_new
 					emit ["inventory",bot().inventory.slots]
+				emit ["entities",bot().entities]
 				return
 			,100
 			socketEventMap={

src/client/css/style.css

@@ -211,12 +211,12 @@ canvas {
   z-index:10;
   background-image: url("/assets/gui/inventory.png");
   background-repeat: no-repeat;
-  background-size: 600px auto;
+  background-size: 750px auto;
   position:fixed;
   top:50%;
   left:50%;
-  width:412px;
-  height:388px;
+  width:515px;
+  height:485px;
   transform: translate(-50%,-50%);
 }
 .inv_box{