Add file picker to WebGL #391

vanjac · Jul 21, 2024 · 6081663 · 6081663
1 parent 8ba8d16
commit 6081663
Show file tree

Hide file tree

Showing 3 changed files with 59 additions and 3 deletions.
diff --git a/Assets/Game/GameInput.cs b/Assets/Game/GameInput.cs
@@ -8,7 +8,7 @@ public static class GameInput {
     public static bool virtJump;
     public static Vector2 virtLook;
 
-#if UNITY_WEBGL
+#if UNITY_WEBGL && !UNITY_EDITOR
     [DllImport("__Internal")]
     private static extern bool IsPointerLocked();
 #else
@@ -42,7 +42,7 @@ public static Vector2 GetLookDelta() {
             return virtLook;
         } else if (IsPointerLocked()) {
             var mouseVec = new Vector2(Input.GetAxis("Mouse X"), Input.GetAxis("Mouse Y"));
-#if UNITY_WEBGL
+#if UNITY_WEBGL && !UNITY_EDITOR
             mouseVec /= 2;
 #endif
             return mouseVec;

diff --git a/Assets/Menu/MenuGUI.cs b/Assets/Menu/MenuGUI.cs
@@ -2,6 +2,9 @@
 using System.IO;
 using UnityEngine;
 using UnityEngine.SceneManagement;
+#if UNITY_WEBGL
+using System.Runtime.InteropServices;
+#endif
 
 public class MenuGUI : GUIPanel {
     public TextAsset indoorTemplate, floatingTemplate;
@@ -36,6 +39,9 @@ void Start() {
     }
 
     public override void WindowGUI() {
+#if UNITY_WEBGL
+        PlayerMenuGUI();
+#else
         if (worldPaths.Count == 0) {
             GUILayout.FlexibleSpace();
             GUILayout.BeginHorizontal();
@@ -85,6 +91,21 @@ public override void WindowGUI() {
             }
             GUILayout.EndScrollView();
         }
+#endif
+    }
+
+    private void PlayerMenuGUI() {
+        GUILayout.FlexibleSpace();
+        GUILayout.BeginHorizontal();
+        GUILayout.FlexibleSpace();
+
+        if (GUILayout.Button("Select File", StyleSet.buttonLarge)) {
+            OpenFilePicker();
+        }
+
+        GUILayout.FlexibleSpace();
+        GUILayout.EndHorizontal();
+        GUILayout.FlexibleSpace();
     }
 
     public static void OpenWorld(string path, string scene) {
@@ -208,4 +229,13 @@ private void CopyWorld(string newName) {
         } catch (IOException) { }
         UpdateWorldList();
     }
+
+#if UNITY_WEBGL
+    [DllImport("__Internal")]
+    private static extern bool OpenFilePicker();
+
+    void LoadWebGLFile() {
+        OpenWorld("/tmp/mapsave", Scenes.GAME);
+    }
+#endif
 }
diff --git a/Assets/Plugins/WebGL/plugin.jslib b/Assets/Plugins/WebGL/plugin.jslib
@@ -1,5 +1,31 @@
 mergeInto(LibraryManager.library, {
-    IsPointerLocked: function() {
+    IsPointerLocked: function () {
         return document.pointerLockElement != null
     },
+
+    OpenFilePicker: function () {
+        var fileSelect = document.querySelector('input')
+        if (fileSelect == null) {
+            fileSelect = document.createElement('input')
+            fileSelect.type = 'file'
+            fileSelect.style.display = 'none'
+            fileSelect.style.visibility = 'hidden'
+
+            fileSelect.addEventListener('change', function () {
+                if (fileSelect.files.length == 1) {
+                    var reader = new FileReader()
+                    reader.onload = function () {
+                        if (reader.result instanceof ArrayBuffer) {
+                            FS.writeFile('/tmp/mapsave', new Uint8Array(reader.result))
+                            SendMessage('Main Camera', 'LoadWebGLFile')
+                        }
+                    }
+                    reader.readAsArrayBuffer(fileSelect.files[0])
+                }
+            })
+
+            document.body.appendChild(fileSelect)
+        }
+        fileSelect.click()
+    },
 })