Custom Cursor is hidden by UI

Question

My custom mouse cursor is going behind the UI elements, instead of being in-front.

the mouse cursor object just has a transform, sprite renderer, and a simple mouse script that simply updates the position of the image and hides the real cursor.

The mouse cursor is a game object I've placed up a canvas with no other objects, and I have set that canvas sort order to as high as possible 32,767. all the other canvas's sort order is under 30. However this the image is still going behind all the other stuff for some reason.

Any help would be greatly appreciated.

Answer 1

Best Answer

Answer by strangecloudsworkmail · Jan 01, 2019 at 09:25 PM

Ok, so I figured it out. What I had was a gameobject with: "Transform, sprite renderer, and my custom FollowMouse script." What I needed was a rect transform, Image, and the script on my cursor object. The parent canvas should be set to "Overlay." I had to do a bit of tweaking to my script to get the point to follow the cursor properly, but the image is appearing on top everything now.

Add comment · Show 3 · Share

Maine1992 · Apr 03, 2020 at 08:35 AM 0

Share

Hi - I am having the same problem. I made the changes as you did, but my cursor is for some weird reason stuck in the corner of the screen. Guess it has something to do with the sprite renderer. So my question is - what did you change in your script in order for it to work?

unity_h1nnXKtTObKm0g Maine1992 · Jan 25, 2021 at 10:48 PM 1

Share

The fix here is to set transform.position to Input.mousePosition;

You might find examples of this... Camera.main.ScreenToWorldPoint(Input.mousePosition);

Unfortunately this won't work as expected and you'll end up with a cursor stuck at the corner of your screen.

So instead, in your GameCursor script just use public class GameCursor : $$anonymous$$onoBehaviour { // Start is called before the first frame update void Start() { Cursor.visible = false; }

     // Update is called once per frame
     void Update()
     {
         // Notice this won't work
         // Vector2 cursorPos = Camera.main.ScreenToWorldPoint(Input.mousePosition);
 
         // Instead just use this
         transform.position = Input.mousePosition;
     }
 }

unity_h1nnXKtTObKm0g unity_h1nnXKtTObKm0g · Jan 25, 2021 at 10:53 PM 0

Share

You'll probably also want to uncheck the "Raycast Target" on your Image Component since it will detect any onClick events at the Cursor Game Object itself rather than registering to your UI Elements underneath (ie. buttons)

Answer 2

Answer by LogicBlade · Oct 09, 2020 at 01:30 AM

I was able to get my custom cursor to appear by making my cursor gameObject a child of the canvas.

Add comment · Share

Custom Cursor is hidden by UI

2 Replies

Your answer

Follow this Question

Related Questions