Drag and drop in Godot part 1, UI Control nodes

[@rightbraingames7418]

Awesome Tutorial! Thank you for sharing your knowledge!

[@ExploreGameDev]

Hey thanks, glad you found it useful.

[@ExploreGameDev]

Let me know if you would like a more advanced example of drag and drop. Happy to provide that. Cheers

[@gavinbarnard2220]

yes please

[@a_soulspark]

just a heads up, in Godot 4 the get_drag_data() function was renamed to _get_drag_data() (notice the underscore!) hopefully will save some people from headaches ^^

[@alpacapico]

just figured this out on my own after 15ish minutes of thinking I was going crazy -_- as an addendum to this, you have to implement BOTH _get_drag_data() and _drop_data() in order for it to even detect if you're trying to drop something on it

[@LunaticEdit]

Thanks for this. I now have tibia style window dragging and reordering! If you're like me and you have a parent class for all draggable windows, you can load the parent class with load(), set the window title and size, and bam you have a great preview window for the drag as well!

[@ExploreGameDev]

hey, you are welcome. Thanks for the tip on utilizing parent classes. I've been thinking of doing a GDScript video on just object oriented topics.

[@LunaticEdit]

@@ExploreGameDev Good idea. A friend and I are doing an online game similar to Tibia and we utilize OO scenes a whole lot. It makes things a thousand times easier to manage and keeps our code from getting complex. Especially when you have networking involved.

[@Foxerski]

This video helped me with my game, thanks!

[@ExploreGameDev]

Hey thanks, glad it helped.

[@leo_mars]

This code snippet is awesome, I could copy paste it to save time.

[@papazedyt4846]

This is exactly what i was looking for! Many thanks man, and please prepare more of drag and drop tutorials :)

[@ExploreGameDev]

Thanks, really glad you found it useful. I do have a part 2 planed, subscribe to get notified :)

[@ExploreGameDev]

Let me know if there are specific things about drag and drop you'd like to see

[@papazedyt4846]

@@ExploreGameDev Im doing card game right now, but im newbie to Godot. So another vid with card viewing and positioning on panel (depends how cards we have) and dragging would be helpful. Thanks and good luck with ur channel

[@ExploreGameDev]

@@papazedyt4846 Very cool, Godot is a great game engine for that. The next vid will add dropping into indexed positions which could be helpful for a card game. In the meantime Game Dev Center has a video that might also apply kzbin.info/www/bejne/mou8naqjd6itn68

[@papazedyt4846]

@@ExploreGameDev already viewed :) cant wait for yours new vid, cheers!

[@gavinbarnard2220]

Thank you!!

[@ExploreGameDev]

You are welcome, glad you found it useful

[@mdlsvensson]

Absolutely terrific tutorial, subbed

[@ExploreGameDev]

thanks Wilmer

[@dueddel]

…aaaaaand subscribed. 😊

[@mahsanmehdi]

very nice way of delivery, Thanks for sharing! I would appreciate other tutorial it with conditions implementations if the element is not dropped on required position like player leave the mouse on anywhere except the target dropped area then it should goes back to their original position thanks again

[@ExploreGameDev]

Thanks, great ideas for future tutorials

[@d.c.oculos9284]

un grande, gracias

[@josmarpinheiro2589]

Top vídeo , playlist godot please.

[@ExploreGameDev]

thanks for the reminder, I created a Godot tutorials playlist

[@DrNabeel20]

Thanks ❤️

[@ExploreGameDev]

You are welcome, glad you found value in this video!

[@timetorelaxfocus9642]

Thanks

[@ExploreGameDev]

You are welcome

[@hannahrogers1946]

This is so useful, thanks! However, I'm not able to access the second demo in this video from github. I was really hoping to be able to play around with it and experiment to make sure I'm understanding it to make something like Curse of the Golden Idol, (which is dragging and dropping answers in a specific order to win) Am I just not accessing the files correctly?

[@ExploreGameDev]

Hi, very cool, not played Curse of the Golden Idol, but it looks fun. Were these the files you were looking for? github.com/exploregamedev/Godot-demos/tree/main/DragAndDrop-part_2 You should be able to use that dir (with its project.godot) as a Godot project.

[@hannahrogers1946]

@@ExploreGameDev When I open that it takes me a noughts and crosses game which I assume is what you use in the next video? I was looking for the example shown at 07:40

[@ExploreGameDev]

@@hannahrogers1946 oh, sorry for the confusion, I should have labeled that better. For the code starting at 7:40, look to the `demo-final` folder of github.com/exploregamedev/Godot-demos/tree/main/IntroToDragAndDrop-part_1

[@stillprophet7529]

Amazing video, just have one problem. I have set it up the same way you have (as far as i can tell) and it works but when i drag something onto the target container it seems like its getting "blocked" by the margincontainer and vboxcontainer inside it. It will only let me drop the node in the area around the outside that isnt "blocked" by the children

[@ExploreGameDev]

hmm, have you checked the mouse filter settings for all controls "above" the target container. They should all be set to "Ignore" (MOUSE_FILTER_IGNORE). (discussed here: docs.godotengine.org/en/stable/classes/class_control.html)

[@stillprophet7529]

@@ExploreGameDev ah ofcourse, I knew there was something I missed, my bad, thank you!

[@ExploreGameDev]

@@stillprophet7529 great, glad that worked out.

[@infiniteproduction1906]

Pretty good except for one thing: starting from a full working sample unfortunately doesn't show how to set-up all the stuff step by step while being able to test code along the way.

[@ExploreGameDev]

Noted, thanks for the feedback, I'll keep that in mind going forward.

[@beamaybelarmino3437]

Amazing, but i have a question sir, is it possible to change the data/values inside the button? which will come from the database specifically firebase. Thank you in advanced for answering my question.

[@ExploreGameDev]

Thanks, that's certainly possible. It would all be done in script. I've not done that myself. You might start with @FinePointCGI kzbin.info/www/bejne/Y6rFn31ueL2GmbM they've done some tutorials in that regard.

[@RajanSingh-zj2eo]

Can you please make a video on drag and snap to grid for isometric tilemap with touch controls not mouse. A request from a subscriber.

[@ExploreGameDev]

Thanks Rajan, that's a great idea for a video. I could do something like that at some point, I've not worked with touch controls before, could be interesting.

[@harshsidhu51]

Hey , can you make basic tutorial about UI nodes . There is basically very less content about basics of control node and ui in godot . I liked ur style of explaination thats why i am requesting you .✌By the way great explaination !👏

[@ExploreGameDev]

That's a great suggestion Harsh, I'll add that to the queue of video's I'm working on. I agree, compared to other topics, not as much recent stuff out there for UI nodes.