LD34/app/hud.lua

local Hud = class()

Hud.mouseSize = 30

function Hud:init()
  local s = self.mouseSize
  self.mouseCurve = love.math.newBezierCurve(
    s, 1,
    s, -s,
    1, -s
  )

  self.smallFont = love.graphics.newFont('font/pfArmaFive.ttf', 16)
  self.bigFont = love.graphics.newFont('font/pfArmaFive.ttf', 32)
  self.pointer = love.mouse.getSystemCursor('hand')

  self.tutorial = firstGame
  self.dead = false
  self.tutorialFactor = 0
  self.deadFactor = 0
  self.mx, self.my = 0, 0

  self.buttonGeometry = {tutorial = {}, dead = {}}
  self.buttonActive = {tutorial = {}, dead = {}}
end

function Hud:update(dt)
  local buttonKey = self.tutorial and 'tutorial' or (self.dead and 'dead' or nil)

  if self.tutorial then
    local sin, cos = math.sin(time * 3), math.cos(time * 3)
    local rate = 5

    self.mx = math.lerp(self.mx, math.sign(cos) * 10, math.min(rate * dt, 1))
    self.my = math.lerp(self.my, math.sign(sin) * 10, math.min(rate * dt, 1))
  end

  local hover = false
  for key, geo in pairs(self.buttonGeometry[buttonKey] or {}) do
    if math.inside(love.mouse.getX(), love.mouse.getY(), unpack(geo)) then
      hover = true
      love.mouse.setCursor(self.pointer)
      self.buttonActive[buttonKey][key] = love.mouse.isDown('l')
      break
    else
      self.buttonActive[buttonKey][key] = false
    end
  end

  if not hover then love.mouse.setCursor() end

  self.tutorialFactor = math.lerp(self.tutorialFactor, self.tutorial and 1 or 0, math.min(10 * dt, 1))
  self.deadFactor = math.lerp(self.deadFactor, self.dead and 1 or 0, math.min(10 * dt, 1))
end

function Hud:draw()
  if self.tutorialFactor > .01 then
    local y = 200 - g.getHeight() * (1 - self.tutorialFactor)
    self:drawMouse(200 + self.mx, y + self.my, 0, 0, true)
    self:drawMouse(400, y, math.abs(math.cos(time * 1.5)), math.abs(math.sin(time * 1.5)))

    self:drawFakeJellyfish(600, y)

    for x = 600 - 30, 600 + 30, 20 do
      local y = y + 10
      if x == 600 - 30 or x == 600 + 30 then
        y = y + 5
      end

      g.setLineWidth(2)
      g.setColor(255, 80, 80)
      g.circle('line', x, y + 50, 5, 20)
    end

    g.setColor(255, 255, 255)
    g.setFont(self.smallFont)
    g.printf('Steer with mouse', 200 - 80, y + 100, 160, 'center')
    g.printf('Alternate mouse buttons to move', 400 - 80, y + 100, 160, 'center')
    g.printf('Pop bubbles with tips of tentacles', 600 - 80, y + 100, 160, 'center')

    self:drawButton('Play', g.getWidth() / 2 - self.smallFont:getWidth('Play') / 2, y + 220, 'tutorial')

    g.printf('Don\'t let bubbles float away!', 0, y + 320, g.getWidth(), 'center')

    g.setFont(self.bigFont)
    g.printf('Jelly Pop', 0, y - 140, g.getWidth(), 'center')
  end

  if self.deadFactor > .01 then
    local x = 220
    local y = 300 - g.getHeight() * (1 - self.deadFactor) - self.smallFont:getHeight() / 2

    self:drawFakeJellyfish(x, y)

    g.setColor(200, 200, 200)
    g.setLineWidth(3)
    g.line(x - 24, y - 16, x - 16, y - 8)
    g.line(x - 24, y - 8, x - 16, y - 16)

    g.line(x + 16, y - 16, x + 24, y - 8)
    g.line(x + 16, y - 8, x + 24, y - 16)

    g.setColor(255, 255, 255)
    g.setFont(self.smallFont)
    g.print('Game over', x + 100, y - 50)
    g.print('You popped ' .. bubbles.popped .. ' bubbles', x + 100, y - 10)

    self:drawButton('Restart', x + 100, y + 40, 'dead')
    self:drawButton('Quit', x + 200, y + 40, 'dead')
  end
end

function Hud:mousereleased(x, y, b)
  if self.tutorial then
    if math.inside(x, y, unpack(self.buttonGeometry.tutorial.Play)) then
      self.tutorial = false
    end
  elseif self.dead then
    if math.inside(x, y, unpack(self.buttonGeometry.dead.Restart)) then
      if soundscape and soundscape:isPlaying() then soundscape:stop() end
      love.load()
      hud.deadFactor = 1
      love.mouse.setCursor()
    elseif math.inside(x, y, unpack(self.buttonGeometry.dead.Quit)) then
      love.event.quit()
    end
  end
end

function Hud:drawMouse(x, y, l, r, c)
  local s = self.mouseSize
  self.mouseCurve:translate(x, y)
  local points = self.mouseCurve:render(5)
  g.setLineWidth(3)

  local leftButtonPoints = table.copy(points)
  local rightButtonPoints = {}

  for i = #points, 1, -2 do
    local x, y = 2 * x - points[i - 1], points[i]
    table.insert(rightButtonPoints, x)
    table.insert(rightButtonPoints, y)
    table.insert(points, x)
    table.insert(points, y)
  end

  -- Woah dude
  for i = 1, #points, 2 do
    table.insert(points, 2 * x - points[i])
    table.insert(points, s * 1.35 + 2 * y - points[i + 1])
  end

  table.insert(leftButtonPoints, x)
  table.insert(leftButtonPoints, y)

  table.insert(rightButtonPoints, x)
  table.insert(rightButtonPoints, y)

  g.setColor(255, 80, 80, 255 * math.clamp(l or 0, 0, 1))
  g.polygon('fill', leftButtonPoints)

  g.setColor(255, 80, 80, 255 * math.clamp(r or 0, 0, 1))
  g.polygon('fill', rightButtonPoints)

  g.setColor(200, 200, 200)
  g.polygon('line', points)

  g.line(x - s, y, x + s, y)
  g.line(x, y - s, x, y)

  if c then
    g.setColor(255, 80, 80)
    g.setPointSize(10)
    g.point(x, y + (s + s * 1.35) / 2)
    local factor = (time * 1.5 / math.pi) % 1
    g.setPointSize(10 + 20 * factor)
    g.setColor(255, 80, 80, 255 * (1 - factor))
    g.point(x, y + (s + s * 1.35) / 2)
    g.setPointSize(1)
  end

  g.setLineWidth(1)
  self.mouseCurve:translate(-x, -y)
end

function Hud:drawButton(text, ox, oy, group)
  local w, h = self.smallFont:getWidth(text) + 16, self.smallFont:getHeight() + 16
  g.setLineWidth(2)
  g.setColor(70, 70, 90)
  g.rectangle('fill', ox - 10, oy - 6, w, h)
  g.setColor(0, 0, 0)
  if self.buttonActive[group][text] then
    g.line(ox - 10, oy - 6, ox - 10, oy - 6 + h)
    g.line(ox - 10, oy - 6, ox - 10 + w, oy - 6)
  else
    g.line(ox - 10, oy - 6 + h, ox - 10 + w, oy - 6 + h)
    g.line(ox - 10 + w, oy - 6, ox - 10 + w, oy - 6 + h)
  end
  g.setColor(255, 255, 255)
  g.print(text, ox, oy)

  self.buttonGeometry[group][text] = {ox - 10, oy - 6, w, h}
end

function Hud:drawFakeJellyfish(x, y)
  g.setColor(jellyfish.color)
  g.setLineWidth(4)
  for xx = x - 30, x + 30, 20 do
    local y = y + 10
    if xx == x - 30 or xx == x + 30 then
      y = y + 5
    end

    g.line(xx, y, xx, y + 50)
  end

  g.push()
  g.translate(x - jellyfish.x, y - 10 - jellyfish.y)
  jellyfish.direction = -math.pi / 2
  jellyfish:draw(true)
  g.pop()
end

return Hud