This is a read-only mirror of https://gitea.it/1414codeforge/yui. Please direct any pull-request, issue or discussion to the main repo.
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Lorenzo Cogotti 3e5b825b36 [config.ld] Update links in config.ld too. 1 year ago
device [*] Initial commit. 2 years ago
.gitignore [*] add documentation 2 years ago
.lovedeps [README,.lovedeps] Update links. 1 year ago
LICENSE [*] Initial commit. 2 years ago
README.ACKNOWLEDGEMENT [*] Initial commit. 2 years ago
README.md [README,.lovedeps] Update links. 1 year ago
button.lua [*] Rework theme customization. 1 year ago
checkbox.lua [*] Rework theme customization. 1 year ago
choice.lua [*] Rework theme customization. 1 year ago
columns.lua [*] Style improvements, make constructors callable by :. 1 year ago
config.ld [config.ld] Update links in config.ld too. 1 year ago
core.lua [*] Rework theme customization. 1 year ago
crush.lua [crush] Update crush.lua. 1 year ago
init.lua [*] Rework theme customization. 1 year ago
input.lua [*] Rework theme customization. 1 year ago
label.lua [*] Rework theme customization. 1 year ago
layout.lua [*] Style improvements, make constructors callable by :. 1 year ago
rows.lua [*] Style improvements, make constructors callable by :. 1 year ago
slider.lua [*] Rework theme customization. 1 year ago
spacer.lua [*] Style improvements, make constructors callable by :. 1 year ago
theme.lua [*] Rework theme customization. 1 year ago
ui.lua [*] Rework theme customization. 1 year ago
widget.lua [*] Rework theme customization. 1 year ago

README.md

Yui - A Declarative UI library for LÖVE

Yui - Yet another User Interface, is a library to create menu-like GUIs for the LÖVE engine.

Why is that?

Because I'm spending so much time tweaking and customizing existing libraries, I might as well make my own.

Hello, World!

local yui = require 'lib.yui'

function love.load()
    local w, h = 300, 80
    local x = math.floor((love.graphics.getWidth() - w) / 2)
    local y = math.floor((love.graphics.getHeight() - h) / 2)

    ui = yui.Ui.new {
        x = x, y = y,

        yui.Rows {
            yui.Label {
                w = w, h = h / 2,
                text = "Hello, World!"
            },
            yui.Button {
                text = "Close",

                onHit = function() love.event.quit() end
            }
        }
    }
end

function love.update(dt)
    ui:update(dt)
end

function love.draw()
    ui:draw()
end

Hello, World!

Features

Yui fills the following gaps:

  • Immediate mode UIs tend to clutter LÖVE update() code a lot, using a declarative approach - that is: describing how the UI should look upfront, and then letting the UI code update() and draw() itself accordingly, makes for a cleaner code.
  • Adapt to different sources of input easily (keyboard, mouse, touch, gamepad).
  • Out of the box internationalization.
  • Out of the box keyboard navigation across widgets.
  • Simple layouts (place widget in columns or rows, or possibly build rows made of several columns - grids).
  • Custom widgets support.
  • Custom theme support.
  • Custom input sources support.
  • Sufficiently compact, straightforward and hackable code.

Yui does have some downsides:

  • The declarative approach makes UIs harder to change drastically from frame to frame.
    • Yui tries to ameliorate this, allowing widgets property tweening, it's still less powerful compared to an all out immediate UI approach.
  • Features come with a price, Yui's code tries to be small and simple, but there are definitely smaller (and less featureful) frameworks out there.

Dependencies

Yui depends on:

  • gear for general algorithms.
  • moonspeak for its localization functionality.
  • ...and any of their dependencies.

You may either download each of them manually and place them inside a lib subdirectory, or use crush to do the work for you.

  1. Clone this repository.
git clone https://gitea.it/1414codeforge/yui
  1. Move to repository root directory:
cd yui
  1. Resolve dependencies using crush.
lua crush.lua

You should now see a lib subdirectory containing the necessary dependencies.

Integrating yui in my project using crush

  1. Download the latest crush.lua file and place it in your project's root directory.

  2. Create a .lovedeps text file in your project's root with the following entry:

{
    yui = "https://gitea.it/1414codeforge/yui",

    -- ...more dependencies, if necessary...
}
  1. Yui can now be downloaded directly by crush to the project's lib directory:
lua crush.lua
  1. Now yui can be require()d in your code, like this:
local yui = require 'lib.yui'
  1. Any project depending on yours will now fetch yui automatically when using crush, following the above procedure.

Documentation

...Ouch.

Documentation is underway, however the source code is (IMHO) sufficiently straightforward and disciplined to have a decent overview of the functionality.

Examples are available at: https://gitea.it/1414codeforge/yui-examples

Acknowledgement

Portions of this library's widget rendering code are taken from the Simple User Interface Toolkit (SUIT) for LÖVE by Matthias Richter.

SUIT's source code is available at: vrld/SUIT. SUIT is licensed under the MIT license.

Widgets offered by yui and basic theme are also mostly taken from SUIT.

See ACKNOWLEDGEMENT for full SUIT license information and copyright notice.

Similar projects

  • SUIT an excellent, simple and flexible framework for immediate UIs.
  • Gspöt a stateful GUI lib for LÖVE, has similar aims, but different approach.

License

Zlib, see LICENSE for details.