VoxelSrv · Patbox · Jul 5, 2020 · Jun 29, 2020 · Jun 30, 2020 · Jul 1, 2020
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,10 @@
+# 0.1.7 (Stable)
+- You can now use textures loaded from other websites (like imgur/own website)
+- Replaced Howler with Babylon Audio
+- Block limit changed to 65535 (Change in Noa)
+- Added clouds
+- Early support for playing on touchscreen/mobile
+
 # 0.1.6
 - Add basic support for Json Entity Models ( [https://github.com/sp614x/optifine/blob/master/OptiFineDoc/doc/cem_model.txt](Format used by Optifine, a Minecraft Mod) ). For now only few properties are used by game.
 - Added nametags

diff --git a/README.md b/README.md
@@ -1,19 +1,21 @@
-![VoxelSrv](https://imgur.com/mqT9FRd.png)
+![VoxelSrv](https://i.imgur.com/ImZz33s.png)
 # VoxelSrv
 VoxelSrv is a voxel game inspired by Minecraft, where you can build, mine and ~~craft~~ (not implemented yet).
 I'm creating it to learn Javascript and just have some fun.
-It's still unfinished, maybe someday it will be playable.
+It's still unfinished, maybe someday it will be playable. For now it's multiplayer-only, but I plan to add Singleplayer too.
 
 - [Discord](https://discord.gg/K9PdsDh)
 - [Changelog](https://github.com/Patbox/voxelsrv/blob/master/CHANGELOG.md)
 
 I'm open to any PR or suggestions, as long as they don't make it less playable/break more than needed.
 Server files, check this repo: https://github.com/Patbox/voxelsrv-server
 
-# [Play it here](http://voxelsrv.pb4.eu)
+# [Play it here (Stable)](http://voxelsrv.pb4.eu)
+## [Or here, for Master/WIP version](http://voxelsrv-master.pb4.eu)
+
 
 # Assets used in this project (graphics/sounds):
-- Pixel Perfection Community  Edition (https://github.com/Athemis/PixelPerfectionCE)
+- Pixel Perfection Community Edition (https://github.com/Athemis/PixelPerfectionCE)
 - Json Entity Models by ewanhowell5195 (https://www.curseforge.com/minecraft/texture-packs/template-cem)
 - Art of silence by uniq
 - Some remixes by bulby
diff --git a/docs/2.bundle.js b/docs/2.bundle.js
diff --git a/docs/audio/music/drops.mp3 b/docs/audio/music/drops.mp3
diff --git a/docs/babylon.js b/docs/babylon.js
diff --git a/docs/bundle.js b/docs/bundle.js
diff --git a/docs/index.html b/docs/index.html
@@ -15,19 +15,23 @@
 			-ms-user-select: none;
 		}
 	</style>
+	<meta name="mobile-web-app-capable" content="yes">
+	<meta name="apple-mobile-web-app-capable" content="yes">
+	<link rel="manifest" href="/manifest.json">
 	<link rel="stylesheet" href="style.css">
 	<link rel="stylesheet" href="https://anothermc.pl/assets/css/bootstrap.min.css">
 	<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
 </head>
 
-<body oncontextmenu="return false;">
-	<div class="container text-light" style="margin-top:20px; background-color: #11111198; padding: 20px;">
+<body oncontextmenu="return false;" style="overflow-y: scroll;">
+	<div class="container text-light" style="margin-top:10px; background-color: #11111198; padding: 1%;">
 		<div>
 			<div class="logo" style="display: inline-block;"></div>
-			<span class="align-top" style="font-family: 'silkscreen'; font-size: 64px; display: inline-block;">VoxelSrv</span>
+			<span class="align-top" style="font-family: 'silkscreen'; font-size: 64px; display: inline-block;;
+			">VoxelSrv</span>
 		</div>
 		<br>
-		<div class="align-top" style="margin-bottom: 60px;">
+		<div class="align-top" style="margin-bottom: 10px;">
 			<form id="start">
 				<div style="display: inline-block;">
 					<h4>Nickname</h4>	

diff --git a/docs/manifest.json b/docs/manifest.json
@@ -0,0 +1,10 @@
+{
+	"name": "VoxelSrv",
+	"short_name": "VoxelSrv",
+	"icons": [],
+	"start_url": "/index.html",
+	"display": "standalone",
+	"orientation": "landscape",
+	"background_color": "#3E4EB8",
+	"theme_color": "#2F3BA2"
+  }
diff --git a/docs/mobile.css b/docs/mobile.css
@@ -0,0 +1,135 @@
+#game_hotbar {
+	transform: translateX(-50%) scale(0.75);
+	bottom:-5px !important;
+	left:50%;
+}
+
+#game_chatbox {
+	position:absolute;
+	top:1px;
+	left:1px;
+	z-index:0;
+	font-size:18px;
+	margin:4px;
+	max-height:35%;
+	overflow-y: scroll;
+	display:flex;
+	flex-direction: column-reverse;
+}
+
+#game_version {
+	display: none;
+}
+
+.hotbar_item {
+	margin: 1px;
+}
+
+#hotbar_invbutton {
+	z-index: 2;
+    display: inline-block;
+    color: white;
+	background-color: #77000088;
+	image-rendering: pixelated;
+	background-size: cover;
+	background-image: url(./textures/gui/inventorybutton.png);
+    height: 64px;
+    width: 32px;
+    font-size: 20px;
+    text-align: center;
+    margin: 2px;
+	padding: 8px;
+}
+
+#game_inventory_backpack {
+	max-height: 200px;
+	transform: scale(0.9);
+}
+
+#game_inventory_hotbar {
+	transform: scale(0.9);
+}
+
+#game_inventory ::-webkit-scrollbar {
+    width: 12px;
+}
+
+#game_inventory_exit {
+	height: 32px;
+	width: 32px;
+	color: white;
+	position: absolute;
+	top: 5px;
+	right: 5px;
+	background-color: #77000088;
+	image-rendering: pixelated;
+	background-size: cover;
+	background-image: url(./textures/gui/inventoryexit.png);
+
+}
+
+.inventory_item {
+	display: inline-block;
+}
+
+#game_mobile_jump {
+	height: 64px;
+	width: 64px;
+	color: white;
+	position: absolute;
+	bottom: 10%;
+	right: 5%;
+	background-color: #e7e7e788;
+	image-rendering: pixelated;
+	background-size: cover;
+	background-image: url(./textures/gui/inventoryexit.png);
+	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
+}
+
+#game_mobile_chat {
+	height: 32px;
+	width: 32px;
+	color: gray;
+	font-size: 24px;
+	text-align: center;
+	position: absolute;
+	top: 1%;
+	right: 50%;
+	transform: translateX(50%);
+	background-color: #e7e7e788;
+	image-rendering: pixelated;
+	background-size: cover;
+	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
+}
+
+#game_mobile_controls {
+	height: 96px;
+	width: 96px;
+	position: absolute;
+	bottom: 10%;
+	left: 5%;
+	border-radius: 50%;
+	background-color: #e7e7e788;
+	image-rendering: pixelated;
+	background-size: cover;
+	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
+}
+
+#game_mobile_joystick {
+	height: 64px;
+	width: 64px;
+	border-radius: 50%;
+	background-color: #e7e7e788;
+	image-rendering: pixelated;
+	background-size: cover;
+	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.75);
+	transform: translate(16px, 16px);
+}
+
+#game_inventory_backpack {
+	max-height: 200px;
+	max-width: 100%;
+	display: inline-block;
+	overflow-y: scroll;
+}
+
diff --git a/docs/style.css b/docs/style.css
@@ -29,6 +29,7 @@
 	font-size:20px;
 	text-align:center; 
 	margin: 2px;
+	margin-bottom: -10px;
 	padding:8px;
 	transition: background-color 0.1s;
 
@@ -86,6 +87,7 @@
 	background-color: #97979788;
 }
 
+
 .hotbar {
 	position:fixed;
 	bottom:5px;
@@ -261,4 +263,68 @@ body {
 
 #game_chatbox::-webkit-scrollbar {
     width: 0px;
+}
+
+#game_version {
+	position:absolute;
+	top:5;
+	left:5;
+	z-index:0;
+	color:white;
+	text-shadow: 1px 1px black;
+	font-size:20px;
+	margin:4px;
+}
+
+#game_cross {
+	position:absolute;
+	top:50%;
+	left:50%;
+	z-index:0;
+	transform: translate(-50% -50%);
+	border-radius:50%;
+	background-color: white;
+	filter: opacity(0.5);
+	height:6px;
+	width:6px;
+	backdrop-filter: invert(1);
+}
+
+#game_inventory_screen {
+	backdrop-filter: blur(2px);
+	position: absolute;
+	top: 0px;
+	right: 0px;
+	bottom: 0px;
+	left: 0px;
+	z-index:1;
+	color:white;
+	height:auto;
+	width:auto;
+	background-color: #00000055;
+	font-size:2em;
+	text-align:center;
+	padding:3px;
+	min-width:2em;
+
+}
+
+#game_inventory {
+	backdrop-filter: none;
+	position: relative;
+	top: 50%;
+	transform: translate(0, -50%);
+	z-index:2;
+	width: 100%;
+	color:white;
+	padding:3px;
+	min-width:2em;
+}
+
+
+#game_inventory_backpack {
+	max-height: 410px;
+	max-width: 620px;
+	display: inline-block;
+	overflow-y: scroll;
 }
diff --git a/docs/textures/gui/inventorybutton.png b/docs/textures/gui/inventorybutton.png
diff --git a/docs/textures/gui/inventoryexit.png b/docs/textures/gui/inventoryexit.png