Add Compass, shows only direction like N or SE

game_state.lua

@@ -29,6 +29,7 @@ GameState:include({
     end
 
     local last_waypoint = Entities.Waypoint({x = self.player.position.x, y = self.player.position.y}, 'Start')
+    self.next_waypoint = last_waypoint
     self.map:place(last_waypoint)
     dt_x = self.map.width / 10
     dt_y = self.map.height / 10

views/compass_view.lua

@@ -0,0 +1,26 @@
+
+CompassView = class("CompassView", View)
+
+CompassView.display = {x = 0, y = 0, height = 128, width = 128}
+
+function CompassView:drawContent(player, waypoint)
+  love.graphics.setColor(255, 240, 200, 255)
+  love.graphics.rectangle('fill', 10, 10, self.display.width, self.display.height)
+  if player and waypoint then
+    local text = ''
+    if player.position.y > waypoint.position.y then
+      text = text .. 'N'
+    elseif player.position.y == waypoint.position.y then
+    else
+      text = text .. 'S'
+    end
+    if player.position.x > waypoint.position.x then
+      text = text .. 'W'
+    elseif player.position.x == waypoint.position.x then
+    else
+      text = text .. 'E'
+    end
+    love.graphics.setColor(0,0,0,255)
+    love.graphics.print(text, self.display.width / 2, self.display.height / 2)
+  end
+end

views/gui_main.lua

@@ -5,14 +5,20 @@ require('views/jobs_view')
 require('views/map_view')
 require('views/menu_view')
 require('views/inspector_view')
+require('views/compass_view')
 
 GUIMain = class("GUIMain")
 GUIMain:include({
 
   initialize = function(self, game_state)
     self.game_state = game_state
 
-    self.display = {x = love.graphics.getWidth() - ListView.display.width, y = 0}
+    self.display = {x = love.graphics.getWidth() - ListView.display.width, y = 148}
+
+    -- compass on top, any other info view below that
+    self.compass_view = CompassView()
+    self.compass_view.display.x = self.display.x
+
     self.menu_view = MenuView()
     self.jobs_view = JobsView(game_state.jobs)
     self.job_status_view = JobStatusView(game_state.jobs)
@@ -65,6 +71,7 @@ GUIMain:include({
 
   draw = function(self)
     love.graphics.push()
+    self.compass_view:draw(self.game_state.player, self.game_state.next_waypoint)
     love.graphics.push()
     love.graphics.translate(self.display.x, self.display.y)
     self.map_view.draw_cursor = false

views/list_view.lua

@@ -5,7 +5,7 @@ ListView:include({
   navigatable = true,
   list_entries = nil,
   current_line = 1,
-  display = { x = 0, y = 0, width = 220, height = 300 },
+  display = { x = 0, y = 0, width = 148, height = 300 },
 
   initialize = function(self)
     self.display = {x = 0, y = 0}

views/view.lua

@@ -4,10 +4,10 @@ View:include({
   display = {x = 0, y = 0, width = 200, height = 100},
   focus = nil,
 
-  draw = function(self)
+  draw = function(self, ...)
     love.graphics.push()
     love.graphics.translate(self.display.x, self.display.y)
-    self:drawContent()
+    self:drawContent(...)
     love.graphics.pop()
   end
 })