Add command to change the cursor with css

Author: JohannesDeml

Assets/Plugins/WebGL/WebBridge/CommonCommands.cs

@@ -382,6 +382,17 @@ public void CheckOnlineStatus()
 			Debug.Log($"<color=#4D65A4>Online Status:</color> {(isOnline ? "<color=#3bb508>Connected</color>" : "<color=#b50808>Disconnected</color>")}");
 		}
 
+		/// <summary>
+		/// Sets the CSS cursor style for the Unity canvas element.
+		/// Browser Usage: <code>unityGame.SendMessage("WebGL", "SetCursor", "pointer");</code>
+		/// </summary>
+		/// <param name="cursorName">CSS cursor value (e.g., "default", "pointer", "grab", "crosshair", "text")</param>
+		[WebCommand(Description = "Set the CSS cursor style")]
+		public void SetCursor(string cursorName)
+		{
+			WebToolPlugins.SetCursor(cursorName);
+		}
+
 		/// <summary>
 		/// Captures the current screen and saves it as a PNG file.
 		/// </summary>

Assets/Plugins/WebGL/WebTools/WebToolPlugins.cs

@@ -44,6 +44,8 @@ public static class WebToolPlugins
 		private static extern void _DownloadFile(string filename, string content);
 		[DllImport("__Internal")]
 		private static extern void _DownloadBlob(string filename, byte[] byteArray, int byteLength, string mimeType);
+		[DllImport("__Internal")]
+		private static extern void _SetCursor(string cursorName);
 
 #endif
 
@@ -305,5 +307,27 @@ public static void DownloadBinaryFile(string filename, byte[] data, string mimeT
 				Debug.Log($"{nameof(WebToolPlugins)}.{nameof(DownloadBinaryFile)} called with filename: {filename}");
 			#endif
 		}
+
+		/// <summary>
+		/// Sets the CSS cursor style for the Unity canvas element.
+		/// </summary>
+		/// <param name="cursorName">The CSS cursor value (e.g., "pointer", "grab", "crosshair", "text", "default")</param>
+		/// <example>
+		/// <code>
+		/// // Example: Change cursor to pointer on hover
+		/// WebToolPlugins.SetCursor("pointer");
+		///
+		/// // Example: Reset to default cursor
+		/// WebToolPlugins.SetCursor("default");
+		/// </code>
+		/// </example>
+		public static void SetCursor(string cursorName)
+		{
+			#if UNITY_WEBGL && !UNITY_EDITOR
+				_SetCursor(cursorName);
+			#elif UNITY_EDITOR && WEBTOOLS_LOG_CALLS
+				Debug.Log($"{nameof(WebToolPlugins)}.{nameof(SetCursor)} called with cursor: {cursorName}");
+			#endif
+		}
 	}
 }

Assets/Plugins/WebGL/WebTools/WebToolPlugins.jslib

@@ -154,6 +154,21 @@ var WebGlPlugins =
         element.click();
         document.body.removeChild(element);
         URL.revokeObjectURL(url);
+    },
+
+    _SetCursor: function(cursorName) {
+        var cursorStr = UTF8ToString(cursorName);
+        // Check if canvas variable exists from the Unity template
+        var canvasElement = (typeof canvas !== 'undefined') ? canvas : null;
+        if (!canvasElement) {
+            canvasElement = document.getElementById('unity-canvas');
+        }
+        if (!canvasElement) {
+            canvasElement = document.querySelector('canvas');
+        }
+        if (canvasElement) {
+            canvasElement.style.cursor = cursorStr;
+        }
     }
 };