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.

125 lines
3.2 KiB
Lua

--- Basic menu example
--
-- Trivial menu made of buttons.
-- Illustrates onHit() and onEnter()/onLeave()
-- events.
--
-- Relevant code to build UI inside: makeMainMenu().
--
-- Layout: Rows
-- Widget: Button
local yui = require 'lib.yui'
local Button = yui.Button
local Rows = yui.Rows
local Ui = yui.Ui
local GUI_WIDTH = 500
local GUI_HEIGHT = 300
local FONT_SIZE = 32
local function centerRectOnScreen(w, h)
local x = math.floor((love.graphics.getWidth() - w) / 2)
local y = math.floor((love.graphics.getHeight() - h) / 2)
return x, y
end
-- Creates main menu.
local function makeMainMenu()
-- Position the UI
local x,y = centerRectOnScreen(GUI_WIDTH, GUI_HEIGHT)
local rh = GUI_HEIGHT / 5 -- 5 elements along height
-- Keep track what's being focused...
widgetEnter = function (w)
guiStatus.current = "You're hovering \""..w.text.."\", feel like pressing it?"
end
widgetLeave = function (w)
guiStatus.previous = "So you left \""..w.text.."\"..."
end
return Ui.new {
x = x, y = y, -- Place UI at the calculated spot
-- Place the elements in rows from top to bottom
Rows {
Button {
-- Provide first button's size...
w = GUI_WIDTH, h = rh,
text = "Start game",
onHit = function ()
guiStatus = { current = "Game started!" }
end,
onEnter = widgetEnter,
onLeave = widgetLeave
},
Button {
-- ...subsequent widgets _in the same layout_
-- take last widget's size by default.
text = "Continue",
onHit = function()
guiStatus = { current = "Loading game..." }
end,
onEnter = widgetEnter,
onLeave = widgetLeave
},
Button {
text = "Options",
onHit = function()
guiStatus = { current = "Options pressed." }
end,
onEnter = widgetEnter,
onLeave = widgetLeave
},
Button {
text = "Credits",
onHit = function()
guiStatus = { current = "Showcasing credits 8)" }
end,
onEnter = widgetEnter,
onLeave = widgetLeave
},
Button {
text = "Quit",
onHit = function () love.event.quit() end,
onEnter = widgetEnter,
onLeave = widgetLeave
}
}
}
end
function love.load()
guiStatus = { current = "Menu is open." }
guiFont = love.graphics.newFont('fonts/PixelDroidMenu.ttf', FONT_SIZE)
gui = makeMainMenu()
end
function love.update(dt)
-- Let the UI update its status
gui:update(dt)
end
function love.draw()
love.graphics.setFont(guiFont)
-- Print UI status
local y = 0
if guiStatus.previous ~= nil then
love.graphics.print(guiStatus.previous, 0, y)
y = y + guiFont:getHeight()
end
love.graphics.print(guiStatus.current, 0, y)
-- Draw UI
gui:draw()
end