love2d - ios version

Author: phyunsj

dash_love2d_ios/chart.lua

@@ -0,0 +1,81 @@
+require "color"
+Object = require "classic"
+
+Chart = Object:extend()
+
+function Chart:new ( x, y, title, unit, value, displayColor)
+
+    self.start_x = x or 0
+    self.start_y = y or 0
+    self.title = title
+    self.unit = unit
+    self.value = value or {0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0} -- 20 elements
+    self.displayColor = displayColor
+
+    self.chart_height = 100
+    self.chart_width  = 200
+
+    self.minValue = 0
+    self.maxValue = 100
+    self.interval = 10
+
+end
+
+function Chart:setValue(newValue)
+    self.value = newValue
+end
+
+function Chart:getValue()
+    return self.value
+end
+
+function Chart:setXY(x, y)
+    self.start_x = x 
+    self.start_y = y
+end
+
+function Chart:draw ()
+
+    love.graphics.setNewFont(14)
+    love.graphics.setColor(self.displayColor)
+    love.graphics.print(self.title .. " " .. self.value[ #self.value ] .." "..self.unit, self.start_x+35, self.start_y)
+    
+    local chart_x = self.start_x
+    local chart_y = self.start_y + 10
+
+    love.graphics.setColor(gray2Color)
+    love.graphics.setNewFont(10)
+    love.graphics.print("100", self.start_x+10, chart_y)
+    love.graphics.print("75", self.start_x+10, chart_y + self.chart_height/4)
+    love.graphics.print("50", self.start_x+10, chart_y + 2*self.chart_height/4)
+    love.graphics.print("25", self.start_x+10, chart_y + 3*self.chart_height/4)
+    love.graphics.line( chart_x, chart_y + self.chart_height/4, chart_x + self.chart_width, chart_y + self.chart_height/4) 
+    love.graphics.line( chart_x, chart_y + 2*self.chart_height/4, chart_x + self.chart_width, chart_y + 2*self.chart_height/4) 
+    love.graphics.line( chart_x, chart_y + 3*self.chart_height/4, chart_x + self.chart_width, chart_y + 3*self.chart_height/4) 
+ 
+    -- display time-series values
+    local preX = 0
+    local preY = 0
+    local curX = 0
+    local curY = 0
+    love.graphics.setColor(self.displayColor)
+    for key, value in ipairs(self.value)
+    do 
+        curX = (key * self.interval) + chart_x - self.interval
+        curY = chart_y + self.chart_height - self.value[key]
+        if key == 1 then  -- first element. Same as curX, curY
+            preX = curX
+            preY = curY
+        else
+            preX = (key-1) * self.interval + chart_x - self.interval
+            preY = chart_y + self.chart_height - self.value[key-1]
+        end
+        love.graphics.circle("fill", curX, curY, 2)
+        love.graphics.line( preX, preY, curX, curY)
+    end
+    
+    love.graphics.setColor(whiteColor)
+    love.graphics.line( chart_x, chart_y , chart_x, chart_y + self.chart_height) -- vertical
+    love.graphics.line( chart_x, chart_y + self.chart_height, chart_x + self.chart_width, chart_y + self.chart_height) -- horizontal
+    
+end

dash_love2d_ios/classic.lua

@@ -0,0 +1,68 @@
+--
+-- classic
+--
+-- Copyright (c) 2014, rxi
+--
+-- This module is free software; you can redistribute it and/or modify it under
+-- the terms of the MIT license. See LICENSE for details.
+--
+
+
+local Object = {}
+Object.__index = Object
+
+
+function Object:new()
+end
+
+
+function Object:extend()
+  local cls = {}
+  for k, v in pairs(self) do
+    if k:find("__") == 1 then
+      cls[k] = v
+    end
+  end
+  cls.__index = cls
+  cls.super = self
+  setmetatable(cls, self)
+  return cls
+end
+
+
+function Object:implement(...)
+  for _, cls in pairs({...}) do
+    for k, v in pairs(cls) do
+      if self[k] == nil and type(v) == "function" then
+        self[k] = v
+      end
+    end
+  end
+end
+
+
+function Object:is(T)
+  local mt = getmetatable(self)
+  while mt do
+    if mt == T then
+      return true
+    end
+    mt = getmetatable(mt)
+  end
+  return false
+end
+
+
+function Object:__tostring()
+  return "Object"
+end
+
+
+function Object:__call(...)
+  local obj = setmetatable({}, self)
+  obj:new(...)
+  return obj
+end
+
+
+return Object

dash_love2d_ios/color.lua

@@ -0,0 +1,11 @@
+
+blackColor  = { 0, 0, 0, 1 }
+whiteColor  = { 1, 1, 1, 1 }
+redColor    = { 1, 0, 0, 1 }
+greenColor  = { 0, 1, 0, 1 }
+orangeColor = { 1, 165/255, 0, 1 }
+yellowColor = { 1, 1, 0, 1 }
+grayColor   = { 64/255, 64/255, 64/255, 1 }
+gray2Color  = { 128/255, 128/255, 128/255, 1 }
+fontColor   = { 192/255, 192/255, 192/255, 1 } 
+lineColor   = { 160/255, 160/255, 160/255, 1 }

dash_love2d_ios/conf.lua

@@ -0,0 +1,15 @@
+
+function love.conf( t )
+    t.identity      = "IoT"
+    t.window.title  = "Dashboad"
+    -- 3.5"  480 X 320
+    --t.window.width  = love.graphics.getWidth() 
+    --t.window.height = love.graphics.getHeight() 
+    t.window.width  = 480
+    t.window.height = 320
+    t.window.borderless = false     
+    t.window.resizable = true 
+    t.window.fullscreen = false -- development mode. production mode  = true
+    t.window.fsaa   = 4
+    t.window.vsync  = true
+end

dash_love2d_ios/dash.love

@@ -0,0 +1,66 @@
+require "color"
+Object = require "classic"
+
+Gauge = Object:extend()
+
+function Gauge:new (x, y, title, unit, value)
+
+    self.start_x = x or 0
+    self.start_y = y or 0
+    self.title = title;
+    self.unit = unit;
+    self.value = value or 0
+
+    self.gauge_height = 150
+    self.gauge_width = 220
+    self.minValue = 0
+    self.maxValue = 100
+
+end
+
+function Gauge:setValue(newValue)
+    self.value = newValue
+end
+
+function Gauge:setXY(x, y)
+    self.start_x = x 
+    self.start_y = y 
+end
+
+
+function Gauge:draw ()
+    
+    local gauge_y = self.gauge_height + self.start_y - 30
+    local gauge_x = self.gauge_width / 2  + self.start_x 
+
+    -- adjust color based on self.value
+    if     self.value < 30 then  love.graphics.setColor(greenColor)
+    elseif self.value < 50 then  love.graphics.setColor(yellowColor)
+    elseif self.value < 80 then  love.graphics.setColor(orangeColor)
+    else   love.graphics.setColor(redColor)
+    end
+    love.graphics.arc( "fill", gauge_x, gauge_y, 80, 0, -math.pi )
+
+    local portion = math.pi * self.value / 100
+    local degree = ( math.pi - portion )
+    love.graphics.setColor(whiteColor)
+    love.graphics.arc( "line", gauge_x, gauge_y, 80, -degree, 0  )
+    love.graphics.arc( "fill", gauge_x, gauge_y, 80, -degree, 0  )
+
+    love.graphics.setColor(grayColor)
+    love.graphics.arc( "line", gauge_x, gauge_y, 80, 0, -math.pi )
+    love.graphics.arc( "line", gauge_x, gauge_y, 50, 0, -math.pi )
+    love.graphics.arc( "fill", gauge_x, gauge_y, 50, 0, -math.pi )
+    
+    -- temperature label
+    love.graphics.setColor(fontColor)
+    love.graphics.setNewFont(24)
+    if self.value < 10 then love.graphics.print(self.value .. self.unit,    gauge_x - 23 , gauge_y - 20)
+    else love.graphics.print(self.value .. self.unit,    gauge_x - 25 , gauge_y - 20)
+    end
+    -- min/max label
+    love.graphics.setNewFont(12)
+    love.graphics.print(self.minValue,  gauge_x - 70, gauge_y + 5)
+    love.graphics.print(self.maxValue,  gauge_x + 50, gauge_y + 5)
+
+end

dash_love2d_ios/gauge.lua

@@ -0,0 +1,39 @@
+require "color"
+
+Object = require "classic"
+
+Label = Object:extend()
+
+function Label:new (x, y, title, unit, value)
+
+   self.start_x = x or 0
+   self.start_y = y or 0
+   self.title = title
+   self.unit = unit
+   self.value = value or 0
+
+end
+
+function Label:setValue(newValue)
+   self.value = newValue
+end
+
+function Label:setXY(x,y)
+   self.start_x  = x 
+   self.start_y  = y 
+end
+
+function Label:draw ()
+
+    love.graphics.setColor(fontColor)
+    love.graphics.setNewFont(14)
+    love.graphics.print(self.title, self.start_x+5, self.start_y+20)
+
+    love.graphics.setNewFont(100)
+    love.graphics.print(self.value,  self.start_x+5, self.start_y+30)
+    love.graphics.setNewFont(24)
+    if self.value < 10 then love.graphics.print(self.unit,  self.start_x+70, self.start_y+100)
+    else love.graphics.print(self.unit,  self.start_x+130, self.start_y+100)
+    end
+    
+end

dash_love2d_ios/label.lua

@@ -0,0 +1,68 @@
+
+require "color"
+require "panelL"
+require "panelR"
+
+local frame = 0
+local width = 480
+local height = 320
+
+function love.load() 
+    love.graphics.setColor ({ 0,0,0,1 })
+    frame = 0
+    panelL.init( "Current Temperature", "Living Room", "°C", 10, 15 )
+    panelR.init( "Temperature vs. Humidity", "Temperature", "Humidity", 250, 15 )
+end
+
+function love.update(dt)
+
+    -- detect iOS orientation
+    width = love.graphics.getWidth()
+    height = love.graphics.getHeight()
+
+    if width < height then
+        -- portrait mode
+        panelL.setXY( width/2 - 110, 15 )
+        panelR.setXY( width/2 - 110, height/2 - 15)
+    else
+        -- landscape mode
+        panelL.setXY( width/2 - 220, 15)
+        panelR.setXY( width/2 + 15, 15)
+    end 
+
+    -- not time-sensitive instrument. 1 sec.
+    frame = frame + dt
+    local time_series_1 = {}
+    local time_series_2 = {}
+    local randomTemperature = 0
+    local randomHumidity = 0
+
+    if frame > 1 then
+
+        -- randome generation : temperature, humidity (Demo)
+        randomTemperature = math.random ( 20, 90 )    
+        randomHumidity = math.random ( 40, 70 )
+        
+        -- Left Panel
+        panelL.setValue ( randomTemperature )
+
+        -- Right Panel  
+        time_series_1, time_series_2 = panelR.getValues()        
+        if #time_series_1 > 0 then
+           table.remove(time_series_1, 1) -- remove the first element
+           table.insert(time_series_1, randomTemperature) -- append to time-series-array
+        end
+        if #time_series_2 > 0 then
+            table.remove(time_series_2, 1) -- remove the first element
+            table.insert(time_series_2, randomHumidity) -- append to time-series-array
+        end
+        panelR.setValues( time_series_1,  time_series_2 )
+        -- clear "frame"
+        frame = 0
+    end 
+end
+
+function love.draw()
+    panelL.draw()
+    panelR.draw()
+end