Extension-Druid

Druid - powerful defold component UI library. Use basic Druid components or make your own game-specific components to make amazing GUI in your games.

Setup

Dependency

You can use the Druid extension in your own project by adding this project as a Defold library dependency. Open your game.project file and in the dependencies field under project add:

https://github.com/Insality/druid/archive/master.zip

Or point to the ZIP file of a specific release.

Input bindings

For Druid to work requires next input bindings:

Mouse trigger - Button 1 -> touch For basic input components
Key trigger - Backspace -> backspace For back_handler component
Key trigger - Back -> text For back_handler component, Android back button

Input capturing [optional]

By default, Druid will auto-capture input focus, if any input component will be created. So you don't need to call msg.post(".", "acquire_input_focus)"

If you not need this behaviour, you can disable it by settings druid.no_auto_input field in game.project:

[druid]
no_auto_input = 1

Code [optional]

Adjust Druid settings, if needed:

local druid = require("druid.druid")

-- Used for button component and custom components
-- Callback should play sound by name
druid.set_sound_function(callback)

-- Used for lang_text component
-- Callback should return localized string by locale id
druid.set_text_function(callback)

-- Used for change default druid style
druid.set_default_style(your_style)

Components

Druid provides next basic components:

Button - Basic game button
Text - Wrap on text node with text size adjusting
Blocker - Block input in node zone
Back Handler - Handle back button (Android, backspace)
Lang text - Text component with handle localization system
Timer - Run timer on text node
Progress - Basic progress bar
Scroll - Basic scroll component
Grid - Component for manage node positions
Slider - Basic slider component
Checkbox - Basic checkbox component
Checkbox group - Several checkboxes in one group
Radio group - Several checkboxes in one group with single choice
Hover - Trigger component for check node hover state
Input - Component to process user text input

Full info see on components.md

Basic usage

For using Druid, first you should create Druid instance to spawn components. Pass to new Druid instance main engine functions: update, on_message and on_input

All Druid components as arguments can apply node name string, you can don't do gui.get_node() before

All Druid and component methods calling with : like self.druid:new_button()

local druid = require("druid.druid")

local function button_callback(self)
	print("Button was clicked!")
end

local function init(self)
	self.druid = druid.new(self)
	self.druid:new_button("button_node_name", button_callback)
end

function update(self, dt)
	self.druid:update(dt)
end

function on_message(self, message_id, message, sender)
	self.druid:on_message(message_id, message, sender)
end

function on_input(self, action_id, action)
	return self.druid:on_input(action_id, action)
end

Druid Events

Any Druid components as callbacks uses Druid Events. In component API (button example) pointed list of component events. You can manually subscribe on this events by next API:

event:subscribe(callback)
event:unsubscribe(callback)
event:clear()

Any events can handle several callbacks, if needed.

Features

Druid input goes as stack. Last created button will checked first. So create your GUI from back
Don't forget about return in on_input: return self.druid:on_input(). It need, if you have more than 1 acquire inputs (several druid, other input system, etc)

Examples

See the example folder for examples of how to use Druid

See the druid-assets repository for examples of how to create custom components and styles

Try the HTML5 version of the example app

Documentation

To learn Druid better, read next documentation:

Full Druid documentation you can find here: https://insality.github.io/druid/

Games powered by Druid

Will fill later

Future plans

Basic input component
Add on_layout_change support (to keep gui data between layout change)
Add on_change_language support (call single function to update all Druid instance)
Unit tests
Better documentation and examples
Add more comfortable gamepad support for GUI (ability to select button with DPAD and other stuff)

License

Original created by AGulev

Developed and supporting by Insality

Assets from Kenney

MIT License

Issues and suggestions

If you have any issues, questions or suggestions please create an issue or contact me: insality@gmail.com