Joystick for mobile

resources/css/game.css

@@ -9,6 +9,30 @@ html, body {
 	width: 100vw;
 	height: 100vh;
 	background: #000;
+	touch-action: none;
+}
+.joystick-base {
+	position: fixed;
+	width: 120px;
+	height: 120px;
+	border-radius: 50%;
+	background: rgba(255, 255, 255, 0.12);
+	border: 2px solid rgba(255, 255, 255, 0.25);
+	pointer-events: none;
+	display: none;
+	z-index: 5;
+	transform: translate(-50%, -50%);
+}
+.joystick-thumb {
+	position: fixed;
+	width: 44px;
+	height: 44px;
+	border-radius: 50%;
+	background: rgba(255, 255, 255, 0.45);
+	pointer-events: none;
+	display: none;
+	z-index: 6;
+	transform: translate(-50%, -50%);
 }
 #fullscreen {
 	position: fixed;