Skip to content

Drag, resize, and add hover effects to Control nodes in-game

License

Notifications You must be signed in to change notification settings

tsutsen/godot_ui_nodes

Repository files navigation

Some extra functionality for Godot's Control nodes. For example, this addon includes modifiers to make Control nodes resizable or draggable in-game. More modifiers are planned for the future.

Screenshot 2025-01-27 124706

How to use it

You just need to add a modifer (Draggable or Resizable) as a child to a Control node. A Control node can have multiple modifiers at once. To change modifier activation key (the one you have to hold to interact), you can change the value of activation_event variable. By default, drag/resize activation event is ui_select (Space bar). But you can set it as any event from Project > Project Settings > Input Map, including your custom events.

What's planned

More modifiers:

  • Draggable -- press down a key and move with mouse or controller
  • Resizable -- press down a key and drag grabbers to resize parent
  • Hoverable -- add multiple tweened hover effects
  • Focusable -- add multiple tweened focus effects
  • Croppable
  • Rotatable
  • Skewable
  • FreeTransform
  • Editable (for labels)

Extra Controls:

  • TilingContainer
  • SelectionContainer
  • AnimatedCheckBox
  • AnimatedCheckButton
  • AnimatedMenuButton
  • AnimatedOptionButton

Contribute!

I want to make this addon a go-to for making in-game editors. If you have any suggestions for new nodes or ideas on how to improve exisiting ones, open an issue. If you want to add the nodes you've created/fix bugs/improve something, open a pull-request. Any help and constructive feedback are greatly appreciated!

About

Drag, resize, and add hover effects to Control nodes in-game

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published