remove dat.gui & change readme

Author: michaljaz

README.md

@@ -7,63 +7,20 @@
 
 **Web-minecraft is minecraft client written in Javascript.** From web browser this client connects to proxy that translates websocket to TCP and then to real minecraft server, so you can play minecraft in the browser.
 
-## Instructions
-
-<details>
-<summary>Install locally</summary>
+## Install locally
 
 ```bash
+#Clone repo
 git clone https://github.com/michaljaz/web-minecraft
 cd web-minecraft
+#Install node modules
 npm i
 
 ```
 
-</details>
-
-<details>
-<summary>Minecraft server setup</summary>
-To run this game you need to start real minecraft server (by default it is 1.16.5 offline mode java edition on ip localhost:25565).
-
-</details>
-
-<details>
-<summary>Minecraft premium support</summary>
-You can add premium=true parameter to url for premium, it will open a prompt, write password and tada.
-
-</details>
-
-<details>
-<summary>Linting</summary>
-
-```bash
-#Only show whats wrong
-npm run lint
-
-#Fix what is wrong
-npm run lint:fix
-
-```
-
-</details>
-
-<details>
-<summary>Development setup </summary>
-
-```bash
-#Start node server with webpack middleware
-npm run dev
-
-```
-
-</details>
-<details>
-<summary>Production setup</summary>
+## Setup
 
 ```bash
-#Cleaning dist folder (old game bundles)
-npm run clean
-
 #Building app bundle
 npm run build
 

package-lock.json

@@ -5,7 +5,7 @@
     "scripts": {
         "start": "node index.js production",
         "dev": "npm run prebuild && node index.js development",
-        "build": "cd src && webpack --config webpack.prod.js",
+        "build": "npm run clean && cd src && webpack --config webpack.prod.js",
         "prebuild": "node lib/prebuild.js",
         "clean": "rimraf src/dist/*",
         "lint": "standard",
@@ -21,8 +21,8 @@
         "minecraft",
         "game",
         "browser",
-        "mineflayer",
-        "threejs"
+        "web",
+        "client"
     ],
     "engines": {
         "node": "14.x"
@@ -33,7 +33,6 @@
         "bootstrap": "^4.6.0",
         "canvas": "^2.6.1",
         "compression": "^1.7.4",
-        "dat.gui": "^0.7.7",
         "decompress": "^4.2.1",
         "decompress-tarxz": "^3.0.0",
         "express": "^4.17.1",

package.json

@@ -1,7 +1,7 @@
 import { WebGLRenderer, Scene, PerspectiveCamera, AmbientLight } from 'three'
 import { TWEEN } from 'three/examples/jsm/libs/tween.module.min.js'
 import Stats from 'three/examples/jsm/libs/stats.module.js'
-import * as dat from 'dat.gui'
+import * as dat from 'three/examples/jsm/libs/dat.gui.module.js'
 import { DistanceBasedFog } from './rendering/DistanceBasedFog.js'
 import { UrlParams } from './UrlParams.js'
 import { gpuInfo } from './additional/gpuInfo.js'

src/scripts/Setup.js

@@ -2,25 +2,21 @@ import $ from 'jquery'
 
 class TabList {
   constructor (game) {
-  	this.game = game
-  	this.lastHTML
+    this.game = game
+    this.lastHTML = ''
   }
 
   update (players) {
-  	let newHTML = ''
-  	if (players !== undefined && JSON.stringify(players) !== '{}') {
-  		for (const i in players) {
-  			newHTML += `<div class="tab_player clearfix">
-				<span class="float-left">${i}</span>
-				<span class="float-right">${players[i].ping}ms</span>
-			</div>`
-  		}
-  		if (newHTML != this.lastHTML) {
-  			// console.log(players)
-  			this.lastHTML = newHTML
-  			$('.tab_list').html(this.lastHTML)
-  		}
-  	}
+    let newHTML = ''
+    if (players !== undefined && JSON.stringify(players) !== '{}') {
+      for (const i in players) {
+        newHTML += `<div class="tab_player clearfix"><span class="float-left">${i}</span><span class="float-right">${players[i].ping}ms</span></div>`
+      }
+      if (newHTML !== this.lastHTML) {
+        this.lastHTML = newHTML
+        $('.tab_list').html(this.lastHTML)
+      }
+    }
   }
 }
 export { TabList }