adolforeyna/basic1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Scale Simon Says and Tic-Tac-Toe to fill screen

Browse Source 
simon_says.lua:
- Removed hardcoded button positions
- Added get_buttons() function that calculates button size and position based on screen dimensions
- Buttons now use 10% screen padding and scale to fill available width
- 2x2 grid automatically scales with screen size

tic_tac_toe.lua:
- Replaced hardcoded CELL_SIZE with dynamic calculation
- Added get_cell_size() to compute size based on screen width
- Added get_grid_start_x/y() to center grid both horizontally and vertically
- Grid now scales to fill available space while maintaining 3x3 layout
- All cell positions updated to use dynamic functions

Both games now work on any screen size and scale proportionally.
This commit is contained in:
Adolfo Reyna
2026-02-12 21:06:54 -05:00
parent b22170b62c
commit 62716c7dc4
2 changed files with 61 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
games/lua_examples/simon_says.lua
View File

@@ -8,18 +8,22 @@ local STATE_SHOWING = 2
local STATE_GAME_OVER = 3 local STATE_GAME_OVER = 3
-- Game constants -- Game constants
local BUTTON_SIZE = 40
local BUTTON_SPACING = 10
local SHOW_DURATION = 30 -- Frames to show each button local SHOW_DURATION = 30 -- Frames to show each button
local WAIT_DURATION = 20 -- Frames between shows local WAIT_DURATION = 20 -- Frames between shows
-- Button positions (4 buttons in grid) -- Button positions (calculated dynamically based on screen size)
local BUTTONS = { local function get_buttons()
{x = 20, y = 20, color = 1}, -- Top-left local padding = math.floor(game.width() / 10)
{x = 80, y = 20, color = 2}, -- Top-right local button_size = math.floor((game.width() - padding * 3) / 2)
{x = 20, y = 80, color = 3}, -- Bottom-left local spacing = padding
{x = 80, y = 80, color = 4} -- Bottom-right
return {
{x = padding, y = padding, size = button_size, color = 1}, -- Top-left
{x = padding + button_size + spacing, y = padding, size = button_size, color = 2}, -- Top-right
{x = padding, y = padding + button_size + spacing, size = button_size, color = 3}, -- Bottom-left
{x = padding + button_size + spacing, y = padding + button_size + spacing, size = button_size, color = 4} -- Bottom-right
} }
end
function init() function init()
game.vars.state = STATE_MENU game.vars.state = STATE_MENU
@@ -140,6 +144,7 @@ function draw()
renderer.clear(false) -- Black background renderer.clear(false) -- Black background
local state = game.vars.state local state = game.vars.state
local buttons = get_buttons()
if state == STATE_MENU then if state == STATE_MENU then
renderer.text(game.width() / 2 - 40, game.height() / 2 - 40, "SIMON SAYS", true) renderer.text(game.width() / 2 - 40, game.height() / 2 - 40, "SIMON SAYS", true)
@@ -149,9 +154,9 @@ function draw()
else else
-- Draw buttons with highlight -- Draw buttons with highlight
for i = 1, 4 do for i = 1, 4 do
local btn = BUTTONS[i] local btn = buttons[i]
local filled = (game.vars.show_button == i) local filled = (game.vars.show_button == i)
renderer.rect(btn.x, btn.y, BUTTON_SIZE, BUTTON_SIZE, true, filled) renderer.rect(btn.x, btn.y, btn.size, btn.size, true, filled)
end end
-- Draw score -- Draw score
@@ -170,10 +175,11 @@ function draw()
end end
function get_button_at(x, y) function get_button_at(x, y)
local buttons = get_buttons()
for i = 1, 4 do for i = 1, 4 do
local btn = BUTTONS[i] local btn = buttons[i]
if x >= btn.x and x < btn.x + BUTTON_SIZE and if x >= btn.x and x < btn.x + btn.size and
y >= btn.y and y < btn.y + BUTTON_SIZE then y >= btn.y and y < btn.y + btn.size then
return i return i
end end
end end

58
games/lua_examples/tic_tac_toe.lua
View File

@@ -8,8 +8,29 @@ local STATE_GAME_OVER = 2
-- Game constants -- Game constants
local GRID_SIZE = 3 local GRID_SIZE = 3
local CELL_SIZE = 30
local CELL_SPACING = 2 -- Calculate cell size based on screen size
local function get_cell_size()
-- Use available space minus padding
local padding = math.floor(game.width() / 8)
local available = game.width() - (padding * 2)
local cell_size = math.floor(available / GRID_SIZE)
return cell_size
end
local function get_grid_start_y()
-- Center grid vertically with some top margin
local cell_size = get_cell_size()
local grid_height = cell_size * GRID_SIZE + 2 * 2 -- spacing
return math.floor((game.height() - grid_height) / 2)
end
local function get_grid_start_x()
-- Center grid horizontally
local cell_size = get_cell_size()
local grid_width = cell_size * GRID_SIZE + 2 * 2 -- spacing
return math.floor((game.width() - grid_width) / 2)
end
function init() function init()
game.vars.state = STATE_MENU game.vars.state = STATE_MENU
@@ -100,6 +121,10 @@ function draw()
renderer.clear(false) renderer.clear(false)
local state = game.vars.state local state = game.vars.state
local cell_size = get_cell_size()
local start_x = get_grid_start_x()
local start_y = get_grid_start_y()
local cell_spacing = 2
if state == STATE_MENU then if state == STATE_MENU then
renderer.text(game.width() / 2 - 50, game.height() / 2 - 30, "TIC-TAC-TOE", true) renderer.text(game.width() / 2 - 50, game.height() / 2 - 30, "TIC-TAC-TOE", true)
@@ -108,27 +133,24 @@ function draw()
elseif state == STATE_PLAYING or state == STATE_GAME_OVER then elseif state == STATE_PLAYING or state == STATE_GAME_OVER then
-- Draw grid -- Draw grid
local start_x = (game.width() - (GRID_SIZE * (CELL_SIZE + CELL_SPACING))) / 2
local start_y = 30
for row = 0, GRID_SIZE - 1 do for row = 0, GRID_SIZE - 1 do
for col = 0, GRID_SIZE - 1 do for col = 0, GRID_SIZE - 1 do
local cell_idx = row * GRID_SIZE + col + 1 local cell_idx = row * GRID_SIZE + col + 1
local cell_x = start_x + col * (CELL_SIZE + CELL_SPACING) local cell_x = start_x + col * (cell_size + cell_spacing)
local cell_y = start_y + row * (CELL_SIZE + CELL_SPACING) local cell_y = start_y + row * (cell_size + cell_spacing)
-- Draw cell -- Draw cell
renderer.rect(cell_x, cell_y, CELL_SIZE, CELL_SIZE, true, false) renderer.rect(cell_x, cell_y, cell_size, cell_size, true, false)
-- Draw X or O -- Draw X or O
local value = game.vars.grid[cell_idx] local value = game.vars.grid[cell_idx]
if value == 1 then if value == 1 then
-- Draw X -- Draw X
renderer.line(cell_x + 2, cell_y + 2, cell_x + CELL_SIZE - 2, cell_y + CELL_SIZE - 2, true, 1) renderer.line(cell_x + 2, cell_y + 2, cell_x + cell_size - 2, cell_y + cell_size - 2, true, 1)
renderer.line(cell_x + CELL_SIZE - 2, cell_y + 2, cell_x + 2, cell_y + CELL_SIZE - 2, true, 1) renderer.line(cell_x + cell_size - 2, cell_y + 2, cell_x + 2, cell_y + cell_size - 2, true, 1)
elseif value == 2 then elseif value == 2 then
-- Draw O (convert center to integers) -- Draw O (convert center to integers)
renderer.circle(math.floor(cell_x + CELL_SIZE / 2 + 0.5), math.floor(cell_y + CELL_SIZE / 2 + 0.5), CELL_SIZE / 2 - 2, true, false) renderer.circle(math.floor(cell_x + cell_size / 2 + 0.5), math.floor(cell_y + cell_size / 2 + 0.5), math.floor(cell_size / 2 - 2 + 0.5), true, false)
end end
end end
end end
@@ -148,16 +170,18 @@ function draw()
end end
function get_cell_at(x, y) function get_cell_at(x, y)
local start_x = (game.width() - (GRID_SIZE * (CELL_SIZE + CELL_SPACING))) / 2 local cell_size = get_cell_size()
local start_y = 30 local start_x = get_grid_start_x()
local start_y = get_grid_start_y()
local cell_spacing = 2
for row = 0, GRID_SIZE - 1 do for row = 0, GRID_SIZE - 1 do
for col = 0, GRID_SIZE - 1 do for col = 0, GRID_SIZE - 1 do
local cell_x = start_x + col * (CELL_SIZE + CELL_SPACING) local cell_x = start_x + col * (cell_size + cell_spacing)
local cell_y = start_y + row * (CELL_SIZE + CELL_SPACING) local cell_y = start_y + row * (cell_size + cell_spacing)
if x >= cell_x and x < cell_x + CELL_SIZE and if x >= cell_x and x < cell_x + cell_size and
y >= cell_y and y < cell_y + CELL_SIZE then y >= cell_y and y < cell_y + cell_size then
return row * GRID_SIZE + col + 1 return row * GRID_SIZE + col + 1
end end
end end