Smooth Drag N Drop: Godot Guide 

Thank you so much for the tutorial! As a beginner developer, I have minimal resources with godot tutorials, but your channel has been a life savior! :3

Dude. You are a genius. Don't ever stop making godot videos. The godot community needs people like you.

This is easily one of the best tutorial videos I have ever seen (not just for Godot). It is so clear, to the point and easy to comprehend. Not a single second is wasted. Love it!

This video woke my father up from his coma, great job man!

Incredible tutorial and exactly what I was looking for. Thank you so much for filming this.

Hear hear, you are a great Godot Guide. First video of yours I've stumbled across, subscribed, and informed. Thank you so much!

Thanks for the tutorial man. Very well-thought-out and easy to follow. I really like how you walk through each bit of code and talk about what each part does logically. I've watched a ton of Godot tutorials as a beginner and yours have been the best I've seen. Keep it up, I know the community will be grateful for everything you put out!!

This was amazingly useful, well paced and well explained for an intermediate Godot user. Much thanks!

This is the best drag n drop tutorial and even with this lerp and zone functionality we can make a smooth looking chest and inventory systems too! Thank you for sharing!

great, simple tutorial. had to adapt very minor things to godot 4 but the whole tutorial works really well. thanks!

Another great job Bram! This is super neat and could come in handy for a bunch of applications! :D

This is so much better than the 5-script-monstrocity of a drag and drop system I'd made in unity. Much thanks.

I was literally looking for something like this today! Thanks!

I usually watch tutorial videos on x1.75 to avoid details I don't need, but that was not the case here. Great stuff!

This is the best tutorial video I've ever watched! Good on dude!

Whoa, nice and straight to the point. a legend

I have to watch this at 0.5x speed, but you are very thorough regardless! Thanks!

Incase anyone ran into the problem I was having where godot is throwing an error about "Invalid operands Vector2 and Int

Hey great tutorial and thanks for the look at the internal code. Your stuff keeps getting better.

Wow! Great tutorial!

Friend, this is a banger.

Awesome guide, Bramwell! Thank you for that :)

beautiful tutorial, very useful

I was researching on where should I start my game dev journey, because of this vid I am convinced I should use GodotEngine. With few lines of codes you achieved a lot. Thanks for the tutorial mate.

genius ideas tbh, i see a lot of potential on them

Thank you man! This was a very helpful tutorial! I had to do a bit of finagling to make it work for my game, but it's all thanks to you!

You are a good person. I wish you and your loved ones health and happiness.

Was breaking my head trying to remember the "lerp_angle()" func. Couldn't find it no matter what I searched. Finally remembered I heard it in this vid. Thanks. Very helpful!

Love this guide! A couple small things I did differently when I implemented it: In _input() for deselecting the drag-and-drop object, the same "click" event can be reused by checking if it was just released: if Input.is_action_just_released("click"): selected = false And for the distance calculation, one tip I've seen a lot to save a square root operation is to just compare the squared distance, since the comparison x < y implies x^2 < y^2. There are cases not to do this, if you eventually need exact distance for example or if the distances are so large that the squares could overflow the bounds of their unit. Of course this is just a tiny perf improvement, and if you spent years you could shave more and more microseconds off of every computation, but it's a small habit I'm using to write more optimal code.

I just googled "godot drag and drop" and find this video and it is very useful,. Thanks for sharing!

this is the tutorial that i ever want

Thanks! This was VERY helpful!

Simple and effective solution, thanks :)

Great tutorial, thank you! :D

thanks, exactly what i needed

thanks, your tutorial and explanation is easy to understand.currently i using defold engine than godot because it's have easy ui. looks like i can apply your tutorial in defold engine to.

Very clear and useful, thank you. Just want to say that this will not work if a Node2D is a child of a Control node. In that case you can use buttons and use the button_down and button_up signals to pick and release the button itself.

Great Job!

This is the first video of yours that I've found... it's gonna be mega helpful for me and my project, thank you so much.... but I'm gonna be sad when I watch other videos and don't see blanchealmond :(

Very reasonable tutorial

Thank you for sharing this

Awesome!

great job

Thank you so much for this...

Thanks man this tutorial was really well done! Also, very interesting game concept you have there. Is the console cleaner game something you plan to release as a browser game or on steam? Cheers!

Hey I upvoted your work on reddit! Good job man

Estimated Bramwell, I hope you come back, to continue making more content, I have missed you

Just find your channel , cool video, i was looking something like this to make a puzzle game i will subscribe!

Thanks for this great tutorial, it really helped me to get started in Godot :) Currently if I click fast enough I can pick up multiple draggable object at once. Is there an easy way to prevent this with the current script?

thank you

Dude, thanks.

Hi! Thank you so much for the vid this helped a lot! However, how do i revert an area2d to its original position once i released my left click button or it entered the wrong area2d? Just like in your tools project.

Thanks

yep , this is the way

Why not use a second Area2d to represent the drop zones, and then handle input on collision? I dissected your code forwards and backwards and learned a lot, thanks.

This is so cool! I'm totally subscribing :D Any idea how to make it so the object is grabbed from the point where the user clicks it, BUT without snapping to the center of the object? Because if the user is still dragging the object but slowly/or is still, the object shakes/does a barrel roll when the object´s center reaches the mouse pointer.

Just a comment for feedback: You are very clear and well-spoken when explaining what to do, but for me as a noob, I was quickly zoned out and overwhelmed by the flow of information (not that noobs are necessarily your target audience.) Great video! Just a lil over my head :P

Did you end up releasing this electrician game? Last week Electrician Simulator was launched on Steam and it seems to be selling quite well - it's very similar (or identical, but in 3D) as to what you were doing here!

Great tutorial- makes a lot of sense. My question is how can I impliment a system where items can only be dragged into un-occupied slots? I'm having trouble implementing this.

Fantastic tutorial. You have covered some flaws, which I experienced earlier with different approach. Do you have a tutorial on random number generator? Thanks for help

Thank you for a thorough and straightforward tutorial! Too awesome not to subscribe :D

Great tutorial! How would I adjust the code so the sprite only stays in the selected area after a player drags it within the shortest distance? Right now the sprite snaps to the closest area on game load.

How would you get object to snap to tile map grid? Say I have a deck of tiles and I want to place them anywhere on the map, but they must snap to the nearest grid point. Basically how it works in the editor when designing levels, but be able to do it in-game. Thanks!

I really want to play this game

Hey there! Tysm for your tutorial it really helps a lot! but somehow when i try to use the code, i run into an error in 5:01 line 9, the error says "invalid get index "0" on base: array" im super confused on how to solve this. anyone know how to fix it?

Have you an idea how to do it if you have multiple things that you want to drag around and check if the correct one is on top of the correct circle in that example, because im stuck with it.

Great tutorial! I have a question, why didn't you use 'if event.is_action_released("click"):' at 2:51?

sneaky style

Great video!, I've learned a Lot But i want to make a game like drag and match... Thinking on kids that have to drag the correct shape into a Shadow figure. Previously i made this kind of game in phaser.js but i want to make it in godot can you show me how to achieve this? Thanks!

Nice video man, but when I try to instance multiple draggables into a scene they all clump together, and Im not being able to fix it. Can someone help me?

I hate how you make useful videos full of tips and tricks. This makes me feel bad for not making anything slightly significant with Godot x)

What if you have multiple items in a list that can be dragged into multiple possible slots, how do we arrange the nodes? say when dragging items from an inventory to equipment slots

Hey, so I've been working on my game and really needed this. I tried the code for drag n drop and while it did work, first my sprite went far to east south. I had this problem with the code I made aswell

I know this is an old tutorial, but did anyone find a way to ensure that multiple draggable items do not all become merged together when stacked on top of eachother? Essentially, a means of prioritizing the item on top?

Very Cool!!! I,m curious that how to create code for dropping object(Building/Unit) from GUI to isometric or Tilemap place

to the _on_Area2d_inout_event function, I added print("Clicked"), and the output window outputs "Clicked" twice, indicating that this is processing twice despite is_action_just_pressed being used. The print call is not used anywhere else in the project. Why is this executing twice?

So I followed along in a brand new project, and in my own project. In each case I made a new scene following this tutorial, but in my existing project the functions from the Area2D signals never get called. So both scenes are exactly the same, the only difference, is that one is in my existing project. What could be wrong with my existing project? In fact, even if I copy the working scene files to my existing project it only works in my new project and not my existing one. I can't get CollisionObject2D signal to work at all in my existing project

Hi! I'm stuck at 6:00 I have two problems, the first one is that the drop zones are not being colored properly, they are both white. The second problem is that in the script for the drag object it says "Invalid type in built-in function 'lerp'. Cannot convert argument 1 from Nil to float." This error comes from the else statement, I have this in that line: "global_position = lerp(global_position, rest_point, 10 * delta)" Everything is exactly as in the video and the script in your git. How can I solve this problem?

this is great, but is there any way that if I fling a selectable object, it will go in the direction I flung it in?

I got this error in line 9 (dragndrop) invalid get index '0'(on base: Array).

This video explains basically the mechanics behind Ghost Trick. I've been hoping to make a game like that in the future. So this will be useful i hope. But i'm just too lazy to do graphics. But still great video ༼ ༎ຶ ෴ ༎ຶ༽

if anyone is still here, i have a question to ask. I realized that the drag works perfectly when the sprite is centered, but if i place it away from the scene center and test the scene, the moment i click the sprite, it jumps way ahead of the mouse relative to how far away it was from the center. is there a way to fix this? thanks

How to have multiple draggables? lets say i want to put 10 individual sprites? :(

Where is the console repair game? Looks fun!

NOTE: Just so you guys know, I encountered a bug (which unfortunately I do not know what the triggers for are specifically) when the code tried to find the global_position in the line for the 1st dropzone in: rest_point = rest_nodes[0].global_position in the ready function of drag and drop.gd For me it returned this error: invalid get index 'global_position' (on base: 'Position2D' (dropzone.gd) This I originally solved by asking for the global_position for the var rest_point on the line below instead, as I've had this problem before with Godot rest_point.global_position However this returned another error in the _process function, stating that lerp can't convert a nil argument (the rest_point) into a float For some reason commenting these two lines out to see if other parts of the code worked and then asking the game to print to console the global position of rest point in the ready function resolved (?) this problem, I can now run the code exactly as written in the video now with no problems Just something to be aware of if your having problems to get this to run

Please make an inventory system tutorial

Please help, i am having trouble here. func _ready(): rest_nodes = get_tree().get_nodes_in_group("zone") rest_point = rest_nodes[0].global_position rest_nodes[0].select() My function draw is not displaying the circles. func _draw(): draw_circle(Vector2.ZERO, 150, Color.blanchedalmond)

Does anyone know how to create drag and drop such that when dragging, png image instantly follows the position of cursor and doesn't take time to reach mouse position and doesn't falls back from cursor (also doesn't creates gaps between cursor and dragged object) ?

How to apply the tutorial for 3D meshes?

Help how do I move more than one sprite with that code? :(

Please make a 2D shockwave shader effect, that works with different viewports, or please make a video on the backbuffercopy node please

Great tut! But godot is giving a me this error "invalid set index '0' (on base 'array')". Any idea why? I have checked the code and everything seems identical.

how do I stop the object from going through collision areas?

There's two type of tutorials. _unhandled_input or _inputEvent

I did the exact same thing until at 4:29 my work mess up

its working to android?

Good video. I've been doing some similar things, here are a few notes that might be helpful to you: 1. Be aware of this bug: github.com/godotengine/godot/issues/38550 . Overlapping physics objects will grab the touch in a counter-intuitive and inconsistent order. It'd be great if you test and leave a note in the issue if you're encountering it too. 2. There's a natural latency to input, so you will have a kind of smoothing even without the lerping.

Thanks. A nice tutorial. Would have been better if there was no zoom ins though--it's a bit distracting and it forces a lot of pauses and backtracking.

Nice tutorial. Can't you make it any faster? I had to set my speed to .75 because of this

you sound like braceys but for godot