Update virtual control scene

README.md

@@ -36,22 +36,22 @@ Ported to Android (mobile and TV) by SweetSea with on-screen control (with some
 Navigate to where you put ``tromi_mobile.love`` in the File manager (the one you downloaded from the link in Install for TV section), just opening and Tromi should be launched.
 
 # Differences from original Tromi
-> This is required, to follow the used license (GNU GPL v3)
+> I must make this list to follow the used license (GNU GPL v3)<br>
+> :no_entry: There are ***very much*** breaking changes right now, and I can't always finish this list. I may try hard to do it.
 * No differences in gameplay
 * Files will be saved into ``Android/data/org.love2d.android/tromi_mobile`` instead the location where the game files in
-* Add ``simple-button`` module, made by SweetSea
+* Add ``simple-button`` module, made by me (SweetSea)
 * All UIs are touch-able
 * Add on-screen buttons
-* Replaced icons for 3 direction buttons (Left, Down, Right)
+* Replaced icons for 3 direction buttons (Left, Down, Right), using from Techmino's font (outdated image)
 <img src="https://gitea.com/SweetSea-ButImNotSweet/tromi_mobile/raw/branch/main/screenshot/Replay_screen_differences.png">
 * Add a special pre-made keybind for Android TV (only supports TV models have their remote has numerical area (0-9))<img src="https://gitea.com/SweetSea-ButImNotSweet/tromi_mobile/raw/branch/main/screenshot/SPOILER_tv_code.png">
 * <details><summary>Changes the way to input secret code to activate Pentominoes mode</summary><img src="https://gitea.com/SweetSea-ButImNotSweet/tromi_mobile/raw/branch/main/screenshot/SPOILER_pento_code.png">To insert the left arrow, tap on the left, so does to right arrow.</details>
-* Add a loading screen (this need to be updated later)
+* Add a loading screen ~~(this need to be updated later)~~
 * Update ``binser`` library, this fixes some weird bugs related to saving
 * Replaced old Cambridge's ``config`` module with the new one inspired by "the sequel of Techmino"s ``SETTINGS`` module
 
 # TODO
-
 - [ ] Add a way to export ~~replay~~ data for Android > 11
 - [x] Revert ``bitser`` with ``binser`` (if and only if I can make it works)
 - [x] Design a new on-screen buttons skin (the current one is come from [C₂₉H₂₅N₃O₅](https://github.com/C29H25N3O5), I am aware that it's not fit to Tromi's design language)
@@ -71,7 +71,7 @@ A small note about the music:
 # Special thanks
 * mycophobia for writing the original Tromi
 * MrZ_26 for the base of ``VCTRL`` module (yea I stole from him his code ;-; )
-* C₂₉H₂₅N₃O₅ for his virtual key design (used while during inital development), and icon font (actually I extracted and re-pack as a new font from his orginal production file)
+* C₂₉H₂₅N₃O₅ for his virtual key design (used while during inital development), and icon font (from Techmino).
 
 # Don't forget to check
 * [Original Tromi](https://mycophobia.org/tromi)

conf.lua

@@ -1,5 +1,5 @@
 function love.conf(t)
-	t.identity = "tromi_ver3"
+	t.identity = "tromi_mobile"
 	t.externalstorage=true
 
 	t.console = true

funcs.lua

@@ -143,6 +143,15 @@ function drawText(text, x, y, size, orientation, color)
     love.graphics.printf(text, x, y, size*2, orientation, nil, 0.5)
 end
 
+function drawBoldText(text, x, y, size, orientation, color)
+	if color == nil then color = {1, 1, 1, 1} end
+	love.graphics.setFont(FONT_bold)
+    love.graphics.setColor(0, 0, 0, 0.8)
+    love.graphics.printf(text, x+1, y+1, size*2, orientation, nil, 0.50)
+    love.graphics.setColor(color)
+    love.graphics.printf(text, x, y, size*2, orientation, nil, 0.5)
+end
+
 function drawBigText(text, x, y, size, orientation, color)
 	if color == nil then color = {1, 1, 1, 1} end
 	love.graphics.setFont(FONT_big)

game/gamemode.lua

@@ -922,19 +922,19 @@ end
 
 function GameMode:drawInputDisplay(left, top)
     if self.replay_inputs[self.frames] ~= nil then
-		drawText("+", left+10, top+8, 1000, "left")
-		drawText("▼", left+10, top+18, 1000, "left",{1-boolToInt(self.replay_inputs[self.frames]['down']),1,1-boolToInt(self.replay_inputs[self.frames]['down']),1})
-		drawText("◀", left, top+8, 1000, "left",{1-boolToInt(self.replay_inputs[self.frames]['left']),1,1-boolToInt(self.replay_inputs[self.frames]['left']),1})
-		drawText("▶", left+20, top+8, 1000, "left",{1-boolToInt(self.replay_inputs[self.frames]['right']),1,1-boolToInt(self.replay_inputs[self.frames]['right']),1})
+        drawText("•",            left+7.5, top+ 8, 1000, "left")
+        drawText(CHAR.key.down , left+  5, top+18, 1000, "left",{1-boolToInt(self.replay_inputs[self.frames]['down']),1,1-boolToInt(self.replay_inputs[self.frames]['down']),1})
+        drawText(CHAR.key.left , left-  5, top+ 8, 1000, "left",{1-boolToInt(self.replay_inputs[self.frames]['left']),1,1-boolToInt(self.replay_inputs[self.frames]['left']),1})
+        drawText(CHAR.key.right, left+ 15, top+ 8, 1000, "left",{1-boolToInt(self.replay_inputs[self.frames]['right']),1,1-boolToInt(self.replay_inputs[self.frames]['right']),1})
         drawText("L",            left+ 35, top+ 8, 1000, "left",{1-boolToInt(self.replay_inputs[self.frames]['rotate_left']),1,1-boolToInt(self.replay_inputs[self.frames]['rotate_left']),1})
         drawText("R",            left+ 50, top+ 8, 1000, "left",{1-boolToInt(self.replay_inputs[self.frames]['rotate_right']),1,1-boolToInt(self.replay_inputs[self.frames]['rotate_right']),1})
         drawText("L",            left+ 65, top+ 8, 1000, "left",{1-boolToInt(self.replay_inputs[self.frames]['rotate_left2']),1,1-boolToInt(self.replay_inputs[self.frames]['rotate_left2']),1})
         drawText("R",            left+ 80, top+ 8, 1000, "left",{1-boolToInt(self.replay_inputs[self.frames]['rotate_right2']),1,1-boolToInt(self.replay_inputs[self.frames]['rotate_right2']),1})
     else
-		drawText("+", left+10, top+8, 1000, "left")
-		drawText("▼", left+10, top+18, 1000, "left")
-		drawText("◀", left, top+8, 1000, "left")
-		drawText("▶", left+20, top+8, 1000, "left")
+        drawText("•"           , left+7.5, top+ 8, 1000, "left")
+        drawText(CHAR.key.down , left+  5, top+18, 1000)
+        drawText(CHAR.key.left , left-  5, top+ 8, 1000)
+        drawText(CHAR.key.right, left+ 15, top+ 8, 1000)
         drawText("L"           , left+ 35, top+ 8, 1000, "left")
         drawText("R"           , left+ 50, top+ 8, 1000, "left")
         drawText("L"           , left+ 65, top+ 8, 1000, "left")
@@ -947,16 +947,16 @@ function GameMode:drawSpeedStats(left, top)
     love.graphics.rectangle("fill", left+3, top+3, 190, 145, 10, 10)
     love.graphics.setColor(0.05,0.05,0.05,1)
     love.graphics.rectangle("fill", left, top, 190, 145, 10, 10)
-    drawText("Efficiency Bonus: ", left+15, top+10, 1000, "left")
+    drawText("Efficiency Bonus: ", left+15, top+5, 1000, "left")
     local lines = self.total_lines
     if lines == 0 then lines = 1 end
     if self.move_count == 0 then
-		drawText(string.format("  %4d     Num. of Moves", self.target), left+15, top+25, 1000, "left")
+        drawText(string.format("  %4d     Num. of Moves", self.target), left+15, top+20, 1000, "left")
     else
-		drawText(string.format("  %4d     Num. of Moves", self.move_count), left+15, top+25, 1000, "left")
+        drawText(string.format("  %4d     Num. of Moves", self.move_count), left+15, top+20, 1000, "left")
     end
-	drawText(string.format("/ %4d     Active Frames", self.last_active), left+15, top+40, 1000, "left")
-	drawText(string.format("=  %1.2f\n  (0 added for hole)\n   %1.2f   %dpc Average\nx %s x Lines\n+ %4d", self.last_percent, self.total_speed_loss, #self.speed_table, self.bonus_components['speed'], self.last_speed), left+15, top+55, 1000, "left")
+    drawText(string.format("/ %4d     Active Frames", self.last_active), left+15, top+35, 1000, "left")
+    drawText(string.format("=  %1.2f\n  (0 added for hole)\n   %1.2f   %dpc Average\nx %s x Lines\n+ %4d", self.last_percent, self.total_speed_loss, #self.speed_table, self.bonus_components['speed'], self.last_speed), left+15, top+50, 1000, "left")
 end
 
 function GameMode:drawLinesStats(left, top)
@@ -992,7 +992,7 @@ function GameMode:drawScoringInfo()
         love.graphics.rectangle("fill", 68, 270, 140, 190, 10, 10)
         love.graphics.setColor(0.05,0.05,0.05,1)
         love.graphics.rectangle("fill", 65, 267, 140, 190, 10, 10)
-        drawText(string.format("Replay in progress\n\n\n\n\n\n\n\n\n%s", formatTime(self.frames)), 70, 275, 1000, "left")
+        drawBoldText(string.format("REPLAY IN PROGRESS\n\n\n\n\n\n\n\n\n%s", formatTime(self.frames)), 70, 275, 1000, "left")
         drawBigText(string.format("%s", self.grade), 100, 143, 1000, "left")
         self:drawInputDisplay(103,185)
     elseif not PENTO_MODE then

game/vctrl.lua

@@ -64,7 +64,7 @@ function control_type.button:new(data)
         r=data.r or 80, -- size
         shape=data.shape or 'circle',
         key=data.key or 'X',
-        iconSize=data.iconSize or 80,
+        iconSize=data.iconSize or 60,
         alpha=data.alpha or 0.75,
         quad=virtual_quad[data.key]
     },self)
@@ -148,6 +148,7 @@ local touches={}
 local global_toggle=false
 VCTRL={}
 VCTRL.focus=nil -- Focusing buttons
+VCTRL.hasChanged = false
 
 ---@class VCTRL.data
 ---@field type 'button'

libs/simple-button.lua

@@ -1,7 +1,8 @@
--- SIMPLE-BUTTON.lua
--- A simple module that aims to help you quickly create buttons
--- It is can be used as a base class to help you quickly creating button
--- This module has type notations so IntelliSense should give you some suggestions
+-- SIMPLE-BUTTON.lua<br>
+-- A simple module that aims to help you quickly create buttons<br>
+-- It is can be used as a base class to help you quickly creating button<br>
+-- This module has type notations so IntelliSense should give you some suggestions<br>
+local BUTTON = {}
 
 -- MIT License
 
@@ -174,9 +175,6 @@ function button:release(x, y, touchID)
     end
 end
 
-
-local BUTTON = {}
-
 ---@param D BUTTON.button|BUTTON.newData
 ---@param safe? boolean @ Creating widget? If not then ignore accept missing important parameters
 ---@return nil

load.lua

@@ -1,9 +1,11 @@
 -- Fonts
-FONT_tromi = love.graphics.newFont('res/fonts/monofonto rg.otf', 28)
-FONT_big = love.graphics.newFont('res/fonts/monofonto rg.otf', 56)
-
-FONT_tromi:setFallbacks(love.graphics.newFont('res/fonts/icon.otf', 28))
-FONT_big  :setFallbacks(love.graphics.newFont('res/fonts/icon.otf', 56))
+FONT_tromi = love.graphics.newFont('res/fonts/Iosevka-Bold.ttf' , 28)
+FONT_big   = love.graphics.newFont('res/fonts/Iosevka-Heavy.ttf', 56)
+FONT_bold  = love.graphics.newFont('res/fonts/Iosevka-Heavy.ttf', 28)
+-- Icons
+FONT_tromi:setFallbacks(love.graphics.newFont('res/fonts/techmino_proportional.otf', 28))
+FONT_bold :setFallbacks(love.graphics.newFont('res/fonts/techmino_proportional.otf', 28))
+FONT_big  :setFallbacks(love.graphics.newFont('res/fonts/techmino_proportional.otf', 56))
 CHAR = require("char")
 
 local font_height = FONT_tromi:getHeight() * 0.5
@@ -35,12 +37,7 @@ BUTTON.setDefaultOption{
 
         local lineAmount
         do
-            local _, t
-            if need_big_font then
-                _, t = FONT_big:getWrap(text, (self.w - 5) * 2)
-            else
-                _, t = FONT_tromi:getWrap(text, (self.w - 5) * 2)
-            end
+            local _, t = self.font:getWrap(text, (self.w - 5) * 2)
             lineAmount = #t
         end
 
@@ -49,8 +46,10 @@ BUTTON.setDefaultOption{
         local textHeight = _font_height * (lineAmount * 0.5)
         local textPos = self.y + (self.h * 0.5) - textHeight
 
-        if need_big_font then
+        if self.font == FONT_big then
             drawBigText(text, self.x + 2.5, textPos, self.w - 5, self.textOrientation, self.textColor)
+        elseif self.font == FONT_bold then
+            drawBoldText(text, self.x + 2.5, textPos, self.w - 5, self.textOrientation, self.textColor)
         else
             drawText(text, self.x + 2.5, textPos, self.w - 5, self.textOrientation, self.textColor)
         end

scene/input_config.lua

@@ -47,7 +47,7 @@ local function updateButtonList(self)
     if not SETTINGS.firstTime then
         menu_screens[4] = TitleScene
         buttonList[4] = BUTTON.new{
-            text = "⌂", font = FONT_big,
+            text = CHAR.icon.home, font = FONT_big,
             x = 75, y = 280, w = 40, h = 40,
             codeWhenReleased = function()
                 if self.menu_state ~= 4 then

scene/replay.lua

@@ -4,37 +4,37 @@ ReplaySelectScene.title = "Replay"
 local replay_list
 local buttonList = {
     BUTTON.new{
-        text = "↑\nUP", font = FONT_big,
+        text = CHAR.key.up.."\nUP", font = FONT_big,
         x = 425, y = 80, w = 80, h = 80,
         codeWhenPressed  = function() SCENE:onInputPress  {input = "up"} end,
         codeWhenReleased = function() SCENE:onInputRelease{input = "up"} end
     },
     BUTTON.new{
-        text = "↓\nDOWN", font = FONT_big,
+        text = CHAR.key.down.."\nDOWN", font = FONT_big,
         x = 425, y = 240, w = 80, h = 80,
         codeWhenPressed  = function() SCENE:onInputPress  {input = "down"} end,
         codeWhenReleased = function() SCENE:onInputRelease{input = "down"} end
     },
     BUTTON.new{
-        text = "▶\nPLAY", font = FONT_big,
+        text = CHAR.icon.play.."\nPLAY", font = FONT_big,
         x = 345, y = 160, w = 80, h = 80,
         codeWhenPressed  = function() SCENE:onInputPress  {input = "menu_decide"} end,
         codeWhenReleased = function() SCENE:onInputRelease{input = "menu_decide"} end
     },
     BUTTON.new{
-        text = "⌂\nHOME", font = FONT_big,
+        text = CHAR.icon.home.."\nHOME", font = FONT_big,
         x = 505, y = 160, w = 80, h = 80,
         codeWhenPressed  = function() SCENE:onInputPress  {input = "menu_back"} end,
         codeWhenReleased = function() SCENE:onInputRelease{input = "menu_back"} end
     },
     BUTTON.new{
-        text = CHAR.icon.export.."\nCOPY", font = FONT_big,
+        text = CHAR.icon.export.."\nEXP.", font = FONT_big,
         x = 345, y = 320, w = 80, h = 80,
         codeWhenPressed  = function() SCENE:onInputPress  {input = "rotate_left"} end,
         codeWhenReleased = function() SCENE:onInputRelease{input = "rotate_left"} end
     },
     BUTTON.new{
-        text = CHAR.icon.import.."\nPASTE", font = FONT_big,
+        text = CHAR.icon.import.."\nIMP.", font = FONT_big,
         x = 505, y = 320, w = 80, h = 80,
         codeWhenPressed  = function() SCENE:onInputPress  {input = "rotate_right"} end,
         codeWhenReleased = function() SCENE:onInputRelease{input = "rotate_right"} end

scene/replay_test.lua

@@ -44,8 +44,8 @@ function ReplayTestScene:render()
 end
 
 
-function ReplayTestScene:onInputRelease()
-    SCENE = ReplayTestScene()
+function ReplayTestScene:onInputPress()
+    SCENE = ReplaySelectScene()
 end
 
 return ReplayTestScene

scene/touch_config.lua

@@ -5,13 +5,11 @@ TouchConfigScene.title = "Touchscreen config"
 local Grid = require 'game.grid'
 
 local buttonList
-local sliderList
+local sliderList = {}
 ---@class VCTRL.data
 local focusingButton
 ---@type number
 local snapUnit = 1
----@type boolean
-local hasChanged
 
 ---@type function
 local function exitSceneFunc(saved)
@@ -29,23 +27,23 @@ buttonList = {
     showToggle = BUTTON.new{
         text = function()
             if focusingButton then
-                return focusingButton.show and "[SHOW]\nHide" or "Show\n[HIDE]"
+                return focusingButton.show and ">SHOW<\nhide" or "show\n>HIDE<"
             else
-                return "Show\nHide"
+                return "show\nhide"
             end
         end,
-        x = 275, y = 5, w = 50, h = 75,
+        x = 400, y = 110, w = 60, h = 40,
         codeWhenReleased = function()
             if focusingButton then
                 focusingButton.show = not focusingButton.show
-                hasChanged = true
+                VCTRL.hasChanged = true
             end
         end,
         update = function(self) self.textColor = focusingButton and {1, 1, 1} or {0.5, 0.5, 0.5} end
     },
     previewToggle = BUTTON.new{
         text = "Preview\nON",
-        x = 570, y = 35, w = 60, h = 40,
+        x = 570, y = 60, w = 60, h = 40,
         codeWhenReleased = function()
             VCTRL.release()
             BUTTON.release(buttonList)
@@ -54,7 +52,7 @@ buttonList = {
     },
     resetAll = BUTTON.new{
         text = "RESET\nALL",
-        x = 570, y = 80, w = 60, h = 40,
+        x = 500, y = 110, w = 60, h = 40,
         codeWhenReleased = function()
             local selection = love.window.showMessageBox(
                 "Save config?", "Are you really sure about RESETTING ALL touchscreen configuration?",
@@ -63,7 +61,7 @@ buttonList = {
             )
             if selection == 1 then
                 VCTRL.focus = nil; focusingButton = nil
-                hasChanged = false
+                VCTRL.hasChanged = false
                 VCTRL.clearAll()
                 VCTRL.new(SETTINGS.__default__.input.virtual)
                 SETTINGS.input.virtual = SETTINGS.__default__.input.virtual
@@ -72,9 +70,9 @@ buttonList = {
     },
     menuScreen = BUTTON.new{
         text = "MENU",
-        x = 570, y = 5, w = 60, h = 25,
+        x = 570, y = 10, w = 60, h = 40,
         codeWhenReleased = function()
-            if hasChanged or SETTINGS.firstTime then
+            if VCTRL.hasChanged or SETTINGS.firstTime then
                 local selection = love.window.showMessageBox(
                     "Save config?", "Do you want to save your changes before exiting?",
                     {"Save", "Discard", "Keep editing", escapebutton = 3, enterbutton = 1},
@@ -98,45 +96,59 @@ buttonList = {
         end
     }
 }
-sliderList = {}
+sliderList.buttonSize = newSlider(
+    200, 30, 120, 0, 0, 120,
+    function(v)
+        if focusingButton then
+            v = math.roundUnit(v, 5)
+            if focusingButton.r ~= v then
+                focusingButton.r = v
+                VCTRL.hasChanged = true
+            end
+            sliderList.buttonSize.value = v / 120
+        end
+    end,
+    {width = 40}
+)
+sliderList.iconSize = newSlider(
+    480, 30, 120, 0, 0, 100,
+    function(v)
+        if focusingButton then
+            v = math.roundUnit(v, 5)
+            if focusingButton.iconSize ~= v then
+                focusingButton.iconSize = v
+                VCTRL.hasChanged = true
+            end
+            sliderList.iconSize.value = v / 100
+        end
+    end,
+    {width = 40}
+)
 sliderList.opacity = newSlider(
-    155, 20+5, 120, 100, 0, 100,
+    200, 80, 120, 0, 0, 1,
     function()
         local v
         if focusingButton then
             v = math.roundUnit(sliderList.opacity.value, 0.01)
             if focusingButton.alpha~=v then
                 focusingButton.alpha = v
-                hasChanged = true
+                VCTRL.hasChanged = true
             end
             sliderList.opacity.value = v
         end
     end,
-    {width = 30}
-)
-sliderList.size = newSlider(
-    155, 60+2.5, 120, 45, 0, 120,
-    function(v)
-        if focusingButton then
-            local v = math.roundUnit(v, 5)
-            if focusingButton.r ~= v then
-                focusingButton.r = v
-                hasChanged = true
-            end
-            sliderList.size.value = v / 120
-        end
-    end,
-    {width = 30}
+    {width = 40}
 )
 local gridSizeTable = {1, 2, 5, 10, 20, 50, 100}
 sliderList.gridSize = newSlider(
-    405, 50, 100, 1, 1, #gridSizeTable - 1,
+    480, 80, 120, 1, 1, #gridSizeTable - 1,
     function()
-        local v = math.roundUnit(sliderList.gridSize.value, 1 / 6)
+        local f = #gridSizeTable - 1
+        local v = math.roundUnit(sliderList.gridSize.value, 1 / f)
         sliderList.gridSize.value = v
-        snapUnit = gridSizeTable[math.roundUnit(v * (#gridSizeTable - 1) + 1)]
+        snapUnit = gridSizeTable[math.roundUnit(v * f + 1)]
     end,
-    {width = 30}
+    {width = 40}
 ); sliderList.gridSize.forceLight = true
 
 local function sliderList_draw()
@@ -177,13 +189,15 @@ function TouchConfigScene:update()
     if VCTRL.focus~=focusingButton then
         focusingButton = VCTRL.focus
         sliderList.opacity.value = focusingButton.alpha
-        sliderList.size.value = focusingButton.r / 120
+        sliderList.buttonSize.value = focusingButton.r / 120
+        sliderList.iconSize.value = focusingButton.iconSize / 100
     end
 
     BUTTON.update(buttonList)
     sliderList_update()
 end
 
+local string_format = string.format
 function TouchConfigScene:render()
     MainBackground()
 
@@ -206,19 +220,16 @@ function TouchConfigScene:render()
     end
 
     love.graphics.setColor(0, 0, 0, 0.7)
-    -- Opacity and Size
-    love.graphics.rectangle("fill", 10, 5, 267, 75)
-    -- Snap to grid
-    love.graphics.rectangle("fill", 330, 5, 150, 75)
+    love.graphics.rectangle("fill", 5, 5, 560, 100)
 
+    -- Button Size
+    drawText(string_format("Size (buttons)\n%14.1d", focusingButton and focusingButton.r or 0), 10, 13, 100, "left")
+    -- Icon size
+    drawText(string_format("Size (icons)\n%13.1d%%", focusingButton and focusingButton.iconSize or 0), 290, 13, 100, "left")
     -- Opacity
-    drawText("Opacity", 20, 15, 100, "left")
-    drawText(string.format("%3.1d%%", focusingButton and focusingButton.alpha * 100 or 0), 225, 15, 40, "left")
-    -- Size
-    drawText("Size", 20, 55, 100, "left")
-    drawText(string.format("%3.1dpx", focusingButton and focusingButton.r or 0), 225, 55, 40, "left")
+    drawText(string_format("Opacity\n%13.1d%%", focusingButton and focusingButton.alpha * 100 or 0), 10, 63, 100, "left")
     -- Snap to grid
-    drawText(string.format("Snap to grid: %3s", snapUnit), 345, 15, 140, "left")
+    drawText(string_format("Snap to grid\n%14.1d", snapUnit), 290, 63, 100, "left")
 
     for _, v in ipairs(VCTRL) do
         if v ~= focusingButton then
@@ -245,10 +256,8 @@ end
 ---@param e SCENE_onInput
 function TouchConfigScene:onInputMove(e)
     if e.type == "touch" or (e.type == "mouse" and love.mouse.isDown(1)) then
-        if VCTRL.drag(e.dx, e.dy, e.id or 1) then hasChanged = true end
-    end
-
-    if e.type == "mouse" then
+        if VCTRL.drag(e.dx, e.dy, e.id or 1) then VCTRL.hasChanged = true end
+    elseif e.type == "mouse" then
         BUTTON.checkHovering(buttonList, e.x, e.y)
     end
 end
@@ -258,7 +267,8 @@ function TouchConfigScene:onInputPress(e)
         if not (
             VCTRL.press(e.x, e.y, e.id and e.id or 1, true) or
             BUTTON.press(buttonList, e.x, e.y, e.id) or
-            (e.x >= 80 and e.x <= 230 and e.y >= 10 and e.y <= 77)
+            (e.x >= 120 and e.x <= 280 and e.y >= 10 and e.y <= 100) or
+            (e.x >= 400 and e.x <= 560 and e.y >= 10 and e.y <= 100)
         ) then
             VCTRL.focus = nil
             focusingButton = nil

scene/touch_config_preview.lua

@@ -8,7 +8,7 @@ local buttonList
 buttonList = {
     previewToggle = BUTTON.new{
         text = "Preview\nOFF",
-        x = 570, y = 35, w = 60, h = 40,
+        x = 570, y = 60, w = 60, h = 40,
         codeWhenReleased = function()
             VCTRL.release()
             BUTTON.release(buttonList)
@@ -16,8 +16,6 @@ buttonList = {
         end
     },
 }
-local sliderList = {}
-
 local secret_grade_grid = {}
 do
     local colour_names = {'R', 'O', 'Y', 'G', 'C', 'B', 'M'}
@@ -80,13 +78,17 @@ end
 function TouchConfigPreviewScene:onInputPress(e)
     if e.type ~= "virtual" and e.input == 'menu_back' then SCENE = InputConfigScene() end
     if e.type == "mouse" or e.type == "touch" then
-        BUTTON.press(buttonList, e.x, e.y, e.id)
+        if not BUTTON.press(buttonList, e.x, e.y, e.id) then
+            VCTRL.press(e.x, e.y, e.id or 1)
+        end
     end
 end
 ---@param e SCENE_onInput
 function TouchConfigPreviewScene:onInputRelease(e)
     if e.type == "mouse" or e.type == "touch" then
-        BUTTON.release(buttonList, e.x, e.y, e.id)
+        if not BUTTON.release(buttonList, e.x, e.y, e.id) then
+            VCTRL.release(e.id or 1)
+        end
     end
 end
 

settings.lua

@@ -28,7 +28,7 @@ local _defaultSettings = {
             {type='button',x=320,    y=420,key=      'restart',r=35,iconSize=60,alpha=0.4},
         }
     },
-    tvMode = false      -- 79338732
+    tvMode = false
 }
 
 SETTINGS = setmetatable(