LÖVE

Code: Select all

local uare = require "uare"

function love.update(dt)
  uare.update(dt, love.mouse.getX(), love.mouse.getY())
end

function love.draw()
  uare.draw()
end

Code: Select all

myButton = uare.new({

  width = 400,
  height = 60,
  
  --color
  
  color = {200, 200, 200},
  
  hoverColor = {150, 150, 150},
  
  holdColor = {100, 100, 100}

})

Code: Select all

function createWindow(x, y)
  local group = uare.newGroup()

  local top = uare.new({ --draggable part of our window, to which everything is anchored
    x = x,
    y = y,
    width = 250,
    height = 30,
    
    drag = true,
    
    color = {160, 160, 160},
    
    text = {
      display = "my window",
      
      font = love.graphics.newFont(28),
      color = {255, 255, 255},

      offset = {
        x = 16,
        y = -16
      }
    }
  }):group(group)

  local close = uare.new({
    x = x+200,
    y = y,
    
    width = 50,
    height = 30,
    
    color = {200, 100, 100},
  
    onCleanRelease = function() group:setActive(false) group:setVisible(false, .5) end, --close our window
  
  }):anchor(top):group(group)

  local content = uare.new({
    x = x,
    y = y+30,
    
    width = 250,
    height = 300,
    
    color = {255, 255, 255},

  }):anchor(top):group(group)

  return {top = top, close = close, content = content, group = group}
end

Code: Select all

uare.new({
  x = 200,
  y = 200,
  center = true,
  
  drag = {
    enabled = true,
    
    fixed = {
      x = false,
      y = true --movement is restricted on the vertical axis
    },
    
    bounds = { --we just set horizontal bounds
      {
        x = 100
      },
      {
        x = 300
      }
    }
  }
})