Here's a really simple video on something that is extremely useful! Inventories, Skill Bars, etc. Play 7 Awesome Games (Action, Strategy, Management) and Help Support the Channel! Get the Game Bundle 67% off unitycodemonkey.com/gameBundle.php

If anyone is finding this video (because CM is amazing and you should be finding them) and trying to do this with the new Input system. Go to your camera and add a Physics Raycaster OR Physics 2D raycaster to your camera first. Then the events they are showing you will work. (If not using UI, I believe you may need to add a collider to the object) Hope this helps someone!

The events explained by you are just fascinating, this guided me a lot and helped me make a custom inventory for my game!

This 10 minute video saved me probably three hours worth of effort, thank you very much.

So simple and nice! After 10 hours spent for my experiments with drag and drop you show me how to do this with a few lines of code... Thank you!

Thank you so much for making this video. I've been going crazy for an hour trying to get OnDrop events to trigger by messing with Override Sort Order, but what I really needed to do was add a CanvasGroup and blockRaycasts as per your video. THANK YOU!

Using those interfaces is really neat! Thanks a ton for this amazing tutorial 👏🏻 To implement a whole drag n drop inventory is a hell of a project but it so much worth it once it is up and running. 😎

Thank you CodeMonkey as always! I made a slightly different variation that uses Triggers for the itemSlot to talk with the DragDrop class to tell it where to place the item if any part of the item enters the ItemSlot rather than just the mouse cursor. It's really awesome seeing your way of doing it, and discovering another way of doing it to fit my specific desires!

Thank you for the tutorial. It's very concise and helpful. A small tip: you don't need to add a canvas group to block raycasts for the dragged object, just grab its image component and set raycastTarget = false;

Man, I had troubles getting DragDrop to work properly especially when I get into the NRE, long before I found this tutorial and adapted it to my code and made it work just the way I wanted. Thanks, Code Monkey.

in case any other UI noobs out there run into the same issue... my console wasn't showing any click event debug messages-- the problem was i tried to make my own canvas by making an Empty and adding a Canvas component to it -- which is not the right way to go about it. : ) To solve this, go to the hierarchy and right click > UI > Canvas. This will generate a good Canvas with a graphic raycaster, and an Event System, both of which are needed for these scripts to work as shown!

Your videos are always on point, best topics 👌

If you are using the new Unity Input Sytem this wont work by default. You need to go to Edit --> Project Settings --> Player --> Other Settings --> Change the setting "Active Input Handling" to both.

Where ever i search about something, i find u immediately 😧, u are legendary man thank u a lot 🙏

YEeEeEeEeeeeEEEsS! OMG thank you so much this is exactly what I needed!

One of the best Unity channels of KZfaq...

Clean, simple and overall a perfect video! Appreciated a lot.

Tip: by default unity has a threshold on drag, meaning the object starts following after the mouse has moved an amount in some direction. To avoid this and have the object move exactly under where you click, you need to implement the *IInitializePotentialDragHandler* interface and inside *OnInitializePotentialDrag* set *eventData.useDragThreshold = false*

Super clear, and very easy to use. Thank you Master.

👏🏾👏🏾👏🏾👏🏾👏🏾 Great great tutorial! Fast and objective. Thank you!!

amazing tutorial as always

See, THIS is useful and quick game dev I love. I learned more here about game dev then I did on the first few videos of a Udemy course lol. Thanks

You have some of the best tutorials! Great job!

This man, without a doubt, creates some of the best tutorials. His tutorials are easy to follow and are very useful. Stay blessed, Code.

I just wanted to say thank you so much for the video! This tutorial helped me along the way with my thesis work so I am especially grateful

Thank you Code Monkey! :D

I found this very helpful getting my own implementation working. Thank you!

Thank you man. You're best

Thank you for your well-made videos. It always help me a lot.

Thank you so much! You probably saved me days of work

You got the best unity tutorials out there... fantastic content!

Great tutorial! Just a quick editor bug that I discovered. If the editor is not focused (i.e. you tabbed out and back in) the scale factor of the canvas is incorrect. In my specific case, I have my editor set to play in Unfocused mode which caused this particular error. If you focus the editor by clicking anywhere, then drag the object, it will work. (edit): As an aside, this video helped me setup my UI and its customization to exactly how I wanted. So quick and easy! Thank you again!!!

thanks a ton, im trying to make a card game and I need to drag and drop and this works great

Great video this has really helped me with my drag and drop game. Thank You so much.

As always good stuff... might mess around with this one and tailor it toward more dragging from the inventory and placing traps within a radius of the player and if it's not colliding with anything. Much better than my current way, click on the item (this case a mine) an it places at your current position. Very cool stuff thou man.

I might not need this now But I'll keep it for a future project. Thanks!

this is how a good tutorial should be! thank you for making this so easy to understand! :)

Thank you very much! Very helpful, also did not know about OnDrop haha.

you are a lifesaver. Thank you

thx for tutorial dude! This iş very useful!

Months ago i wanted to implement this system, but i had problem with scrollable ui. Basically if you wanted to scroll, you had to drag ui vetrically and drag in others directions, when u wanted to drag object out. But this was much time consuming, so i implemented buy button instead. :D

Great job as always , thanks.

So amazingly helpful! Thank you.

Very clean guide. The only thing it misses is ability to work with the new input system.

Ohhhh really usefull thanks ! :)

Helpful as always, thanks!

Thank you so much! look for that info all day

Another banger... Thanks Code Monkey!

Thanks, exactly what I was looking for! Didn't know there was an OnDrop event :)

May the gaming gods bless you. I was having issues with items not dragging at same speed, it was the scale factor.

Good work! Thanks :)

great!! thank you,you really helped me!

By all means, this saved me life

Great! Helps a lot :)

감사합니다 덕분에 유니티 개발이 재밌어졌어요

Thank you so much for this!

Thanks, very clear

THANK you , you ask we when this video is helpful....! Is more than helpful...!!!

Thank you ! You save my day !!!!

Amazing tutorial, exactly what I needed for my project, I'm just having problems with layers, the slot is ending up on top of the item

Thank you very much for the tutorial

Very cool, thank you!

Awesome tutorial Code Monkey 🙇🏻‍♂👏 Thanks for it 🤝

thanks it works!

Excellent tutorial.

Super Thank you!!

We all love you CodeMonkey, just know it :D

thank you man!

You save my day

Incase it drags very slightly and doesn't work, even after adding the canvas scaler thing. Try disabling the new input system, ie use the old one with the old input event system, on the event's gameObject. For some reason it doesn't want to register the pointer delta's value correctly, even if you set it correctly in the new UI event system. and I've so far tested it on numerous 2019 versions.

Thanks for the great overview. Instead of adding the CanvasGroup you can just use the Image component of the dragged item and write: "_image.raycastTarget = false;" (at least in Unity 2022, haven't tested older versions but it should work as well)

Great tutorial !

The best Lesson! THank you. It is only necessary to clarify that the lesson refers to the UI

Thank you!!!

Excellent explanation! Thank you for sharing!! My snapping worked using GetComponent.position instead of GetComponent().anchoredPosition... Is there any way to compare if the Obj is not on ItemSlot would be transformed to its initial position? For example, if I drop the draggable obj in another position in the scene that is not the ITemSlot, I want the draggable obj set to its initial position.

Thanks for outlining the basics! This is super helpful. I'm trying to add onto this stating "If image 1 is dropped onto image 2, show image 3. Else, show message" but it seems to be a little out of my technical expertise. Any tips help!

This is maybe the best tutorial I've ever come across. It feels like the guy is an actual expert, rather than just a hobbies who decided to try putting up a few videos. I learnt a tonne, including how to use the EventSystem properly. (I've been adding colliders that I don't really need.) Really good work.

Thanks!

Amazing video!! Everything worked out well !! Can you please tell how can I make multiple objects to fill in multiple slots. When I tried it, it didn't work !! Is there any way to do this multiple times in a scene ?

tnx!!🥰

Just to point out since RectTransform derives from Transform you can just do (transform as RectTransform) instead of GetComponent()

Hey Code Monkey, I really like the way you structure your videos - you take subject matters of all kinds even some really complex ideas and break them down into practical procedures that anyone can follow. I mean that in the best way possible and I wish more people would make tutorials like the way you make them. Having said that, I hope you don't mind me dropping a request on a subject matter. With ECS coming up, I've been slowly pushing myself towards higher-performance code. But one of the things I think ECS does not fix is - animation/material rendering overhead when you use mechanim/skinned mesh renderers. Even without any code attached to some of my models, I can only have a couple hundred at most before my frames start massively dropping away. Do you think you can explore some of this and share some methods to optimize animation/material rendering? I've dug through lots of videos/blogs, while most of them do what they promise to do - they each work only under a very specific set of conditions. They become incompatible if you use shader graphs, multiple materials on a model, incohesive with mechanim (blended animations, multiple layers, state trees) - and so on so forth. If you have any ideas about this, I would really love to know - thanks in advance!

Hi again @Code Monkey. Another great tutorial with something I need! Thanks again. I have one problem, though. It seems when the item is in a hierarchy under the canvas that doesn't end up with a unit scale (the rectTransform, not the Canvas), the dragging happens to slow or fast. You have to divide by the "cumulative scale" of the rectTransform, but you can't use lossyScale, since I think it also takes into account the scale of the canvas and part of the hierarchy above it as well. It also doesn't work to use only lossyScale and ignore the canvas.scaleFactor. Any ideas?

thanx so much

Hi! Great tutorial! How can I make sure that the right object can only be dropped into the right box when I have multiple objects and boxes? It should be possible to change the correct box for each item in the inspector.

Hey very cool video!! Is their a way to restrict the drag and drop to one axis, so that you can move the item along the x but not the y axis for example?

Thanks for this - superb, simple and effective. :) I'm working on a card-based turn-based game (think Slay The Spire mixed with Darkest Dungeon) and this is a key part of the UI.

Thanks :)

I found a way to fill an inventory with slots using a grid layout group - first lay out all the slots needed then remove them to somewhere else or remove the grid layout group component from the parent grid gameobject of the slots they should keep their position and then change all of the anchors min and max position to 0.5 so this way the items snap to the slot perfectly

Very nice

Thanx alot..

very good 🙏🙏🙏

Hello, Thank you so much for this awesome tutorial. Everything is working great. Can you please tell me How to swap items? Thanks

Крутое видео)))) вот то что мне и было нужно))) спс

How do you adjust this for a two-block wide draggable object? I am using this for a 2D platformer where you drag blocks (sprites with colliders) using a world-space canvas. I have item slots in a 10x10 grid, and have the 1x1 draggable objects (the potion in this tutorial) working well. How would you modify the code to allow for different shape blocks? Thanks

thank you

Hi, great tutorial, is it possible to this vuforia for augmented reality app ? Thank you in advance

ok then so now, how can I use this to instanciate an object in the map? and to store it in back to inventory? for example with the mouse

That is Great.. but if i have two objects how and tried to drag it is becoming behind.. how to make the draged object always on top. thanks

Kudos! A Q, what's the best way of having a replica of the inventory item being dragged upon clicking on it rather than the orig item itself?