Added proper cursor to menu and started selection

Source/Main.lua

@@ -8,7 +8,7 @@ local mode = "menu"
 
 local gfx <const> = playdate.graphics
 local disp <const> = playdate.display
-local font <const> = gfx.font.new("gfx/font")
+local font <const> = gfx.font.new("gfx/big")
 
 gfx.setFont(font)
 gfx.setBackgroundColor(gfx.kColorBlack)
@@ -17,6 +17,14 @@ local song1 <const> = playdate.sound.sampleplayer.new("sfx/song1")
 song1:play(0, 1)
 
 gfx.setColor(gfx.kColorWhite)
+-- {"START NEW GAME","CONTINUE","USER LEVELS", "EXIT"}
+local mainmenu = {}
+if playdate.datastore.read("savegame") then
+    mainmenu[4],mainmenu[3],mainmenu[2],mainmenu[1], mainmenu[0] = "START NEW GAME", "CONTINE", "USER LEVELS", "ABOUT THE CREATOR", "mainPlay"
+else
+    mainmenu[3],mainmenu[2],mainmenu[1], mainmenu[0] = "START NEW GAME", "USER LEVELS", "ABOUT THE CREATOR", "mainNoPlay"
+end
+createMenu(mainmenu)
 
 --addMap("levels/level1.json")
 

Source/Menu.lua

@@ -1,16 +1,47 @@
 local gfx <const> = playdate.graphics
 local controlY = 0
+local controlX = 0
 
-local crankY = 0
+local index = 0
+
+local menuitems = {}
+local menu = null
+
+local imgCursor = gfx.image.new("gfx/cursor")
+assert(imgCursor)
+
+function createMenu(items)
+    controlX = -80
+    index = 0
+    menuitems = {}
+    local _y =220 
+    menu = items[0]
+    for i=1, #items, 1 do
+        menuitems[i] = {name=items[i],y=_y}
+        _y -= 20
+    end
+end
 
 function updateMenu()
     gfx.clear(gfx.kColorBlack)
     -- input 
-    if playdate.buttonJustPressed(playdate.kButtonUp) then
-        crankY -= 1
-    elseif playdate.buttonJustPressed(playdate.kButtonDown) then
-        crankY += 1
+    local change, aChange = playdate.getCrankChange()
+
+    if playdate.buttonJustPressed(playdate.kButtonUp) or change < -10 then
+        index -= 1
+    elseif playdate.buttonJustPressed(playdate.kButtonDown) or change > 10 then
+        index += 1
     end
 
-    gfx.fillRect(0,controlY + (10 * crankY),50,10)
+    if index < 0 then index = #menuitems -1 end
+    if index > #menuitems - 1 then index = 0 end
+
+    controlX = playdate.math.lerp(controlX, 20, 0.3)
+    controlY = playdate.math.lerp(controlY, (20 * index) - 1, 0.5)
+    print(index)
+    imgCursor:draw(3,controlY + (243 - (20 * #menuitems)))
+    for i = 1, #menuitems, 1 do
+        local item = menuitems[i]
+        gfx.drawText(item.name,controlX,item.y)
+    end
 end

Source/gfx/big.fnt

@@ -0,0 +1,60 @@
+--metrics={"baseline":26,"xHeight":2,"capHeight":2,"pairs":{},"left":[],"right":[]}
+datalen=3208
+data=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
+width=14
+height=18
+
+tracking=1
+
+0	14
+1	14
+2	14
+3	14
+4	14
+5	14
+6	14
+7	14
+8	14
+9	14
+space	12
+<EFBFBD>	14
+A	14
+B	14
+C	14
+D	14
+E	14
+F	14
+G	14
+H	14
+I	14
+J	14
+K	14
+L	14
+M	14
+N	14
+O	14
+@	4
+P	14
+Q	14
+R	14
+S	14
+T	14
+U	14
+V	14
+W	14
+X	14
+Y	14
+Z	14
+[	8
+]	8
+\	10
+(	8
+)	8
+{	8
+|	6
+}	8
+~	12
+:	6
+!	6
+?	14
+