HOW TO CUSTOMIZE YOUR MOUSE CURSOR - UNITY TUTORIAL

[@Blackthornprod]

Hope my voice sounds okay :) ! If it seems a little strange it's because I had cold at the time of recording :) !

[@chinyonglim7624]

Noa~thank so much~!!! The video is ok~ Please take care of your health~ :)

[@Blackthornprod]

I'm already feeling a lot better :) ! The cold is almost gone !

[@bunggo9914]

nah your voice is fine...

[@ThomasEngebretsen90]

Voice sounds fine :) Although, I've noticed in quite a few of your videos that it sounds like you record your voice a bit too hot. In other words, it sounds like it's clipping every now and then. Other than that, your content is amazing! Short, straight to the point and educational. Love your tutorials! :)

[@Blackthornprod]

Thanks Thomas ! Yep I see what you mean for the clipping. The reason it sounds that way is actually because I cut the video in certain parts so there aren't too many pauses (and so the video is shorter). But I'll definitely be improving the way I cut up the audio so it sounds less choppy :) cheers !

[@darth3437]

For the Ori and the blind forest effect, you can actually just use 1 particle system and change "Simulation Space" from local to world space and it should work as intended without the performance hit of instantiating new particle systems! Hope this helps anyone who wants to do that!

[@llamapunk89]

I've been scouring the internet for a few days now, trying to figure out how to change the actual cursor itself dynamically, but couldn't find anything close to what I was trying to do. The whole "get a sprite to follow your cursor and hide your cursor" is simple, elegant, and exactly what I've been looking for!

[@razzledazzle6539]

I was so annoyed that none of the cursors were diagonal

[@bigmancozmo]

lol

[@Bifinley]

ikr

[@ConsequenceCode]

Yeah lol

[@DistractedCoder]

Hopefully people will see this. It would be better to use a looping particle system for the trail. That way you game is not constantly spawning the trail and it would free up a bit of processing.

[@MrFarkasOfficial]

This guy never fails to teach me something new

[@nightwolffba]

Thanks man, I was trying to update the cursor directly but your solution is much more versatile. I went one step further and added the sprites onto a canvas and used that as my cursor. Thanks again and good luck with the videos, sales for whispers and your next projects!

[@direpixel4947]

For those of you looking to put this on top of everything, create a Canvas set to Screen Space - Overlay and make sure the sort order is higher than your other Overlay canvas'. Then create an Image on that canvas that will store your Cursor. Anchor it to the top left with a pivot point of (0, 1) and set the position to 0,0. Lastly, uncheck Raycast Target on the image. Add the cursor script to set mouse position and it will line up exactly.

[@GokdenizCetin]

Thanks but there is double cursor when I alt-tabbed the game

[@JeloOW]

@@GokdenizCetin 1 month late so you probably figured it out but it can be helpful for new people put Cursor.visible = false; in the Update method

[@YuriNoirProductions]

Small tip on the cursor trqail...just create a script that follows the mouseposition in worldspace. now create a particle system that spawn particles over distance! now your have particle system that spawns particles relative to the amount of your movement

[@dio8440]

Cursor rendering under the UI/GUI elements fix -----> Change your *Canvas* Render Mode to (Screen Space - Camera) Hope this helps.

[@manget8553]

Thx a lot

[@tristancowen5636]

Hi Blackthornprod!!! I LOVE YOUR VIDS :) :) :). Ever since i started wathcing them, i felt you were really the guy who could teach me coding. Keep up the good work.

[@blazer5724]

If you're following this tutorial I would highly recommend putting Cursor.visible = false; into Update method since people can alt-tab from your game and then the cursor will be visible.

[@kitsuneandcake]

Yeah, that's definitely a good idea!

[@adamknight4563]

I have a minor problem with this: my mouse is now underneath my Canvas UI... how do I put it in front of my other UI on the Canvas?

[@Toopa88]

Set the sorting layer to UI and increase the Order in Layer if needed.

[@k0shmarNevaBroke]

@@Toopa88 have the same issue, that didnt do anything

[@TopBagon]

@@k0shmarNevaBroke just increase the order in layer option of the sprite that you're using as a mouse

[@noellekkar903]

Go in 3d and change the z axis , maybe....

[@fastpicker89]

Same issue, and I'm finding this is a much larger issue. Can't seem to find any simple solution to this anywhere in the forums or Anwers.

[@dbweb.creative]

how do you deal with lag between hardware cursor and sprite on canvas? the lag looks bad when mouse is moved and cursor feels sluggish.

[@MaliciousTachyons]

Dude...I dunno how often you hear this, but I LOVE your tutorial videos. thank you!

[@Kisuji_]

your videos are the best for my game project!

[@matssommervold]

Nice vid, but my cursor appears under all the UI elements that are on the canvas. I tried making the cursor a rectTransform and put it under the canvas, but I can't figure out how to convert the coordinates from world point to whatever the canvas is using.

[@JoshuaReyes]

You are awesome, I have wanted to do this forever! Keep up the great work! The quick format is so helpful.

[@duanefgrabner7068]

Nice tutorial! There is no need to create a destroyer script for effects since the particle effect has a method built in to destroy itself. There is a stop action option toward the bottom of the first panel of particle effect settings from which you can choose destroy.

[@mirela9974]

Hi Blackthornprod! I have a big question. Could I use this method in a 3d game? Because it doesn't work for me. Please help

[@godot-boy7694]

I was looking for such video, Thank You

[@NotElayn]

Using This Script My Cursor Is In fact moving. The Only Problem Is That It Is In The Bottom Left of The Screen. It does coorespond to the movement of the mouse, but it doesn't move far as it only goes around a little bit, not leaving the far left bottom corner. Please help

[@nythrokgames4442]

Dayem bro, I hope I'm not late, I had the same problem, BUT I FOUND THE RESOLUTION! Basically the thing Camera.main.ScreenToWorldPoint() is an idiotism, delete it, so it will look like this: Vector2 cursorPos = Input.mousePosition; At least it's working like this for me, I hope it will work for you too!

[@KaganParlatan]

@@nythrokgames4442 You great!

[@tizizzails6817]

@@nythrokgames4442 I had the same issue, you fixed it!

[@TechLevelGames]

Cool tutorial! Thanks!

[@jovanveselinovic5966]

i have camera following player with cinemachine and i make cursor with this script but when player move cursor is shaking how to fix that

[@citricmelon]

parent your cursor to the camera

[@davidmeinname]

How to render the cursor it in front of the UI?

[@AlexanderZotov]

Great one!

[@Blackthornprod]

Thanks Alexandre :) !

[@drakomatic]

for pixel art i reccomend 15 x 15 and changing the sprite settings to bilinear to no filter(pixel perfect)

[@babitadeboer6338]

Amazing! I couldn't get my custom cursor to show. Some weird raggedy lines appeared instead and that's because I did not change Texture Type to "Cursor". This saved me hours of searching like a blind chicken. Thanks, man!

[@giuseppegiarratana478]

Thank you! This is the video I was looking for

[@rms4448]

Thanks for the tut bro 💪

[@UndeadEarth1]

Thank you for the well thought out tutorial and info.

[@vaqakamadview]

Great video, but i have a cursor hotspot issue, it does not allign with the tip of my sprite cursor, how can I change it.

[@Blackthornprod]

That's probably due to the placement of your sprite cursor's pivot point (in other words the little blue circle) ! Just tweak that a little in the sprite editor and things should work well :) ! Hope this helps !

[@vaqakamadview]

Yep, that did it, thanx!

[@theemeraldfalcon9184]

@@vaqakamadview I tried this but it doesn't work. my sprite still doesn't line up properly

[@abdoudjam6846]

Great ! you are covering a lot of stuff that really indie gamedevs should know ! THANKs a lot brother ;) !

[@JHLandAML]

for method 2 set the image to not a raycast target or unity thinks you click on the mouse. (this took me a while to work)

[@grassfiregames3571]

You are a great youtuber!,

[@hexercodes540]

Awesome video bro! Like your character! :D

[@bibekgamebox1083]

Great Video Noa...You're also funny with your voice

[@brauliojorgealmeida]

Thanks! It helped me :)

[@AngelCnderDreamer]

This was amazing! Thank you for this! I been waiting for this for ever about the cursor. This was very well explained, and easy to understand. c: P.s I subscribed!

[@khaledmoh96]

bro you are awesome

[@yassgaming22]

How to make the cursor bigger like in your screen shake tutorial?

[@1206Vince]

Hey Noa, my cursor is behind the GUI, how do I put the cursor above the UI? the canvas is in Screen Space - Overlay

[@dio8440]

Just change the sprite layer and done.

[@BlackAngel81]

hello vince did you find fixed the cursor to be in front of the GUI? and how you fixed it ? thanks

[@btarg1]

Oh my god you sound enthusiastic

[@niko587]

with a thicc black outline

[@_za740]

how would one go about doing this with the new unity input system :)

[@alexeybolotov3797]

For particles - it's better to use Emission - Rate over Distance, and you can use only one particle system, assign it as a child to Cursor and not spawn new particle system each time you need it. But if you still need to spawn Particle Systems - it's better to use ParticleSystem.Stop() action instead of Destroy, and in Particle System -> Main settings -> Stop Action select Destroy. In this way it will stop generation particles, and after all particles will be done - it will destroy whole game object.

[@MarellaSbrenz]

Doesn't work for me =\ and I don't know why. My sprite just lays on the canvas.

[@sentinelmusic107]

I get the error message "NullReferenceException: Object reference not set to an instance of an object" with the line Vector2 cursorPos = Camera.main.ScreenToWorldPoint(Input.mousePosition); I don't know why I'm getting this error.

[@megasaIexandros]

did you fix it? cuz im getting the same error

[@sentinelmusic107]

@@megasaIexandros It's been a while since I watched this video, I'm not even sure what part gave me this error.

[@xThuby]

This is pretty old now. But it seems like your camera is not tagged as MainCamera.

[@alexcosmos9895]

Отлично. Теперь запиши видео - как это будет выглядеть на фоне Overlay Canvas :)

[@bunggo9914]

wow, it looks cool!

[@Yunghamster12]

tried doing this by myself and it was going wayyy faster than my actual cursor so glad i found this

[@TheNamesJT]

Thanks mate this helped a lot :)

[@Programisius644]

But using a sprite for cursor will cause a problem, the cursor will not be visible when mouse is over an UI sprite.

[@Blackthornprod]

True enough ! You'll have to make your cursor a UI image instead ! Should of definitely shown how to do so in the video, and certainly will in a future tutorial ! Thanks for pointing that out :)

[@Programisius644]

Solved it by making a UI image and and adding a Rect Transform, script is almost same as the one in the video except Rect Transform instead of Transform. Here the final product of cursor :D prnt.sc/kbbmv7 Keep up the good work, loving your videos.

[@khanakarnsakaew4244]

Hey can you show me how to do that exactly please? I've tried but still couldn't figure it out. Thanks :)

[@emc1905]

I also need help figuring this out :)

[@DexDrakon]

I'm still having the same problem. I'm trying use rectTransform.transform.position but no use

[@spicyvegetable3705]

I hate you cuz i love you so im addicted to your videos

[@GreenPetl]

I swear cursor are cursed for me lol. Windows, Unity none of them want to change my cursor, no matter what i do. *Sigh* Although despite my failure your video is awsome! Clear instruction and upbeat tone make a huge difference! immagonna smash my finger on that 'LIKE' button and slowly meander 'The Cursed One* over to caress the subscribe. There immediatley hunching down and retreating into the dark void that is the WEB.

[@lottomatto]

What can I do to prevent the cursor from being under buttons?

[@Frost-ml4vj]

Instead of making the Cursor a gameObject, make it a UI image, and change 'transform' to 'rect transform' in the script. Should work

[@GokdenizCetin]

+1

[@supersaiyan9616]

Please make tutorials on art in 3d

[@Blackthornprod]

3D art/modeling will definitely be covered on the channel in the future :) ! Stay Tuned !

[@animationsbelike]

thank you so much :D

[@chinyonglim7624]

Hmm~ upload 9 min ago~ video length 9min14sec~ people are giving like at 5min ago~XD Btw great video again~

[@AzizTheGazele552]

Help, "visible" which you put after "Cursor." doesn't exist for me. I don't know how to make my white cursor disapear because of that :/

[@AzizTheGazele552]

Nevermind, I went on docs.unity3d.com/ScriptReference/Cursor-visible.html and copy and pasted their code. I don't rlly know what was the problem, but im glad i found a solution!

[@simoncodrington]

When in doubt, add more 3D particle effects! 🎆🎇 Cheers for the video man :)

[@RaasiqShaikh98]

Hey so does this not work in unity 2021? I'm new to coding and would love some help with that

[@imdrogon]

Thanks, helped for my game called civilization sandbox (sry if spelt wrong, I'm suomi.) and I want a universe sandbox like cursor.

[@zakwanmasud2406]

Facing problem.the problem is that the sprite cursor doesn't get above the UI(canvas)..please help

[@iamzen_1077]

Having the same problem with the UI Canvas making it so the cursor won't appear. Tried to make the cursor a UI Image as a child of the canvas but still didn't work... :/

[@tapendrashahi2097]

Hey, noa. Thank you so much for the hard work you put up on making these tutorials.I am really learning so much. It would be awesome if you taught about the touch phases and such kinds of stuff to use in mobile game development. Like moving a character or player with swipe of finger. I am getting stuck while making a game cause i dont get how the touch functions work in unity. And also many peoples here would also probably want that kind of tutorials.

[@jezamae-amorpagaduan7112]

This didn't work for me... Can you help? I get an error saying "Type 'UnityEngine.Camera' does not contain a definition for 'ScreentoWorldPoint' and no extension method 'ScreentoWoldPoint' of type 'UnityEngine.Camera' could be found. Are you missing an assembly reference? (CS1061)" Not sure what to do, and I can't seem to find any solutions. Here's my code: using System.Collections; using System.Collections.Generic; using UnityEngine; public class mouseCursor : MonoBehaviour { void Start(){ Cursor.visible = false; } void Update () { Vector2 cursorPos = Camera.main.ScreentoWorldPoint(Input.mousePosition);' transform.position = cursorPos; } }

[@supersaiyan9616]

Thanks 😇 you so much for your great response . But please make the steps you followed to improve your art work in 2d and 3d.

[@SamaX1010]

Can you cake cursors that are animated / do animations when a button is clicked

[@Skyvastern]

Yes for that, you need to have a reference to the Animator component of the Cursor's gameObject in the script which contains the function which will be called when the button is clicked. Then just set the condition, whatever you have chosen be it a trigger or bool.

[@SamaX1010]

@@Skyvasternalright thanks for letting me know

[@lottomatto]

I like this video, but I have a problem. When I start the game in editor, the Console shows: NullReferenceException : Object reference not set to an instance of an object. I hope you can help me.

[@sasookay514]

set the camera tag to "MainCamera'

[@lottomatto]

@@sasookay514 . I did it . When I start the Game in Editor, the game starts without problems. But now the Sprite don't follow the Mouse Position!

[@71Arlekino]

@@lottomatto I have same problem((

[@lottomatto]

Oh ! Maybe I have the answer. Set the Camera from Perspective to Ortographik. Hope it helps.

[@Kaikaku]

I'm new to your channel. This is a nicely packed and very usefull episode. Thanks :)

[@Blackthornprod]

Welcome to the family :) ! And thanks for the feedback !

[@eriknastesjo843]

Would be cool to know how to do this in perspective mode!

[@konyameram1]

Fun fact, I was siiting in an exercise session and my volume was maxed out (didn't realize it until it was too late). People got scared ^^

[@firesnail1477]

Oh no! I tried the whole "cursor changes sprite when the mouse is clicked", but whenever I click the mouse, the sprite just disappears. Please help!

[@evanrechsteiner518]

Hey Noah! How would one go about disabling the mouse completely while still maintaining button functionality from the Input built into Unity?

[@raphaelkrait7655]

Omg this is so good thankk youuu

[@armandopenatamayo691]

Awesome video like alway ...but don't mess with Don't Starve 😬😅

[@Delvarn]

How do I create a variable to manage cursor speed in game?

[@carsonh7222]

I've done this script exactly as shown, but whenever I start the game, the cursor does not show at all. I used the method where the cursor is a sprite overlay instead of the actual cursor. The position is following the mouse, and the image is visible when the script is disabled, the cursor graphic just disappears when following the cursor. Does anyone have a fix?

[@captainorigami7518]

Im having this issue too, did you find a solution?

[@carsonh7222]

@@captainorigami7518 Yes I did actually, I just deleted my script and made a new one, then deleted the game object and made a new one for that, too. I think I just messed up something in settings (since I checked tons of boxes while trying to find a solution). It will work, though!

[@captainorigami7518]

@@carsonh7222I found out my issue as well, my camera and layers were all stacked in the wrong order and my mouse was behind my background the whole time!

[@taayakin1108]

@@captainorigami7518 THANK YOU!!! oh man what a rookie mistake, but i've been trying to figure out what i was doin' for like 15 mins and it was sorting layers...i might've spent way more time w/o your comment !!!

[@captainorigami7518]

@@taayakin1108 no problemo, anytime my fren

[@JasonMorelandDigitalrecline]

Anyone know what the games were other than ori? I like to look of the game at. 39 secs

[@fastpicker89]

I get this error: Assets\Scripts\Cursor.cs(9,16): error CS0117: 'Cursor' does not contain a definition for 'visible'

[@lorenzocerato6081]

Make sure that your .cs file isn't named "Cursor", this will affect the execution of the code! All you have to do is just rename the file and the text after "public class" (in the 5th line if I'm not mistaken)

[@zemangofur3986]

my texture is glitched out what can i do about that?

[@atitjeu]

i'm programmer but i like to see your teach of 2part(unity,art) thx a lot

[@Blackthornprod]

More art/unity tutorials are coming up :) !

[@theemeraldfalcon9184]

where do you open playersettings?

[@rj-nj3uk]

why don't you do a video on level design?

[@MikeKing710]

Wow! It's now 3k subscribers)))

[@bobbywinston1880]

Hey which is better for animations in unity animate or photoshop

[@Blackthornprod]

Hey Bobby :) ! Well Adobe Ps is awesome for traditional frame by frame animation, I'm afraid I've never had a go with Animate CC so I can't tell you much on that point. You could also try Spine which is great for 2D bone based animation (Unity's simple animation features is also great)

[@IamNeighborlee]

Doesn't work, I changed to a cursor I got from unity store, and placed it where yours is, but in game I still get these weird multicolored lines , that make up a weirdly transparent ISh tiny square. What might be going on ?

[@sentinelmusic107]

In the Inspector, set the texture's Texture Type to "Cursor" instead of "Sprite(2D and UI)".

[@_g_r_m_]

Not working for me, i had to make a few changes in order to make it work, her's my script if someone needs it: public class MouseCursor : MonoBehaviour { void OnGUI() { Cursor.visible = false; } void Update() { transform.position = new Vector2(Input.mousePosition.x, Input.mousePosition.y); } }

[@makosato1256]

Thank you so much

[@priyajvora1824]

Another great one, thanks. Could you do a Photoshop art tutorial next?

[@Blackthornprod]

I will be doing a "How to paint a 2D game character in Ps" soon, so stay tuned :) !

[@priyajvora1824]

Awesome!

[@imaginomania2]

Hi Blackthorn, I have some issues with the code while i click. I use the right and middle button. I don't seem to be able and find the reason why that happens. As you can see i added an if statement cause i was taking an error that was asking me to check if my SpriteRenderer is attached or not. And as it seems as soon as i press any of the mouse buttons the SpriteRenderer becomes null. If you guys can see where i made a mistake or have an idea why it happens please let me know. using System.Collections; using System.Collections.Generic; using UnityEngine; public class MouseController : MonoBehaviour { Vector3 lastFramePosition; private SpriteRenderer rend; public Sprite clubArrowDown; public Sprite clubArrow; public GameObject clickEffect; // Start is called before the first frame update void Start() { //Set the clasic windows cursor invisible Cursor.visible = false; rend = GetComponent(); } // Update is called once per frame void Update() { Vector3 currFramePosition = Camera.main.ScreenToWorldPoint(Input.mousePosition); //Change the appearence of mouse cursor Vector2 cursorPos = Camera.main.ScreenToWorldPoint(Input.mousePosition); transform.position = cursorPos; if (rend != null) { // It reverts to the original cursor instead of changing the sprite of my cursor if (Input.GetMouseButtonDown(1) || Input.GetMouseButtonDown(2)) { rend.sprite = clubArrowDown; // Setting up particle system for my cursor Instasiate(clickEffect, transform.position, Quaternion.identity); } else if (Input.GetMouseButtonUp(1) || Input.GetMouseButtonUp(2)) { rend.sprite = clubArrow; } } else { Debug.Log("The SpriteRenderer can not be found"); } //Handle move/drag cammera if(Input.GetMouseButton(1) || Input.GetMouseButton(2))//Right and middle mouse button { Vector3 diff = lastFramePosition - currFramePosition; Camera.main.transform.Translate(diff); } lastFramePosition = Camera.main.ScreenToWorldPoint(Input.mousePosition); } } Thanks in advance for looking into my script.

[@nailotsot]

@Sushid00 well, at least you tried

[@xaiga29]

The information is incomplete, the cursor is underneath all elements and that renders it unusable.

[@TheWestonini]

Change the "Order in Layer" on the cursor object's Sprite Renderer component to something high so that it always displays on top of everything else.

[@xaiga29]

@@TheWestonini I did that and it didn't work. I found a better way to do it anyway. public class CustomCursor : MonoBehaviour { [SerializeField] Texture2D crosshair; void Start() { Cursor.SetCursor(crosshair, new Vector2(256, 256), CursorMode.Auto); } } My cursor icon is 512*512 px, and the hotspot is half of that, or Vector2(256, 256), so the center of the pointer is the center of my cursor image. Just make sure you cursor icon/image is set to cursor instead of UI in the inspector.

[@sasookay514]

Am I the only one where things are not working wonderfully? I'm at @3:49 just trying to get the sprite to follow my mouse in a 3D environment, but when I play the scene, it only captures the first set of coordinates and then it doesn't change? The Image is stuck hovering in mid air. Anyone?

[@matssommervold]

Did you make sure that you are updating the position in Update() ?

[@hungrygrimalkin5610]

You need to change shit entirely son. First change the image back to cursor then make an empty game object and attach your script, no need for sprite renderers. Here is the script using System.Collections; using System.Collections.Generic; using UnityEngine; public class Cursorscript : MonoBehaviour { [SerializeField] Texture2D cursorName; // Start is called before the first frame update void Start() { Cursor.SetCursor(cursorName, Vector2.zero, CursorMode.Auto); } // Update is called once per frame void Update() { } } save and attach your cursor picture to the script slot you made for Texture2D. No need for thanks GTFO!

[@VeiusIuvenis]

Could this sprite cursor work on UI? I created a cursor following these steps, but it failed when I moved the cursor onto the UI element. So sad.

[@iamThePaleowarist]

turn off the "Raycast target" thing in the image

[@sonistata8390]

@@iamThePaleowarist Thank you I was trying to fix this issue.

[@adriking5383]

my pixelart cursor is blurry how do i fix this?

[@zacharywalker-liang7319]

when importing pixel art sprite , make sure you set your sprite to the correct pixels per unit , filter mode: point no filter, compression: None

[@mfatihbilhaq4977]

Thx

[@VideosDeGatwinOficia]

awesome

[@zaart1334]

Nice video, Thx btw, can you tutorial about How to Build Unity Project to Android (apk) and set up the android sdk? Thx for your awesome video

[@GaviTSRA]

Brackeys said you should NEVER use camara.main cause it does something like this(sry if something is wrong) : .... FindObjectWithTag("MainCamara")......

[@wolfkaiser5228]

Cursor.visible does not work now ): Edit: it works