Here's the code I use nearly-unmodified so you can get an example of how to do it. Sorry there's no comments and you'll have to use your head to figure out some things.
You'll still need to snap all the objects to the grid if you really want to keep it faithful. But using my method below, you won't need to snap if you use Canvas mode, but will need to snap of not using canvas. Personally, as much as I also hate retro games with off-pixel graphics and malformed scaling, I think it's a bit too much work to have to snap every single X and Y position in the code while drawing. Just so much extra work. As I mentioned, if your computer supports canvases (app.canvas below is retrieved by using the love.graphics.isSupported() call.), the snapping will happen automatically. But in non-canvas mode, images will sometimes be partially between pixels like you pointed out above. So it all comes down to whether you want to go to the trouble of snapping the images to the grid or not.
Note: The app and preferences tables are methods I use for organizing this stuff. You will obviously want to modify this to fit your own needs.
Code: Select all
--CHANGE RESOLUTION OR SCALE OR SETUP CANVAS SUPPORT
function setupScreen()
if preferences.fullscreen then
love.graphics.setMode(app.screen_width, app.screen_height, true, preferences.vsync, preferences.fsaa)
else
love.graphics.setMode(app.draw_width * preferences.pixelscale + dbuff, app.draw_height * preferences.pixelscale, false, preferences.vsync, preferences.fsaa)
end
local scale = love.graphics.getHeight() / app.draw_height
if preferences.stretch == false then scale = math.floor(scale) end
if preferences.stretchfill and preferences.stretch then
app.scale_vert = scale
app.scale_horiz = (love.graphics.getWidth()-dbuff) / app.draw_width
else
app.scale_vert = scale
app.scale_horiz = scale
end
app.draw_ox = (love.graphics.getWidth() - (app.draw_width * app.scale_horiz)) / 2
app.draw_oy = (love.graphics.getHeight() - (app.draw_height * app.scale_vert)) / 2
if app.usecanvas then
if love.graphics.isSupported("canvas") then
app.canvas = love.graphics.newCanvas(app.draw_width, app.draw_height)
app.canvas:setFilter("linear", "nearest")
else
app.usecanvas = false
app.canvas = nil
end
else
app.canvas = nil
end
_dbg:updateLineCount()
end
--HANDLE SCREEN PREPARATION
function screenPreparation()
if app.usecanvas == true then
love.graphics.setCanvas(app.canvas)
app.canvas:clear(255,255,255,0)
elseif app.usecanvas == false then
local xx, yy = app.draw_ox, app.draw_oy
if _dbg.on then
xx, yy = app.draw_ox * 2, app.draw_oy * 2
end
love.graphics.push()
love.graphics.translate(xx, yy)
love.graphics.scale(app.scale_horiz, app.scale_vert)
love.graphics.setScissor(xx, yy, app.draw_width * app.scale_horiz, app.draw_height * app.scale_vert)
end
end
--HANDLE SCREEN PRESENTATION
function screenPresentation()
if app.usecanvas == true then
local xx, yy = app.draw_ox, app.draw_oy
if _dbg.on then
xx, yy = app.draw_ox * 2, app.draw_oy * 2
end
love.graphics.setCanvas()
love.graphics.setColor(255,255,255)
love.graphics.draw(app.canvas, xx, yy, 0, app.scale_horiz, app.scale_vert)
elseif app.usecanvas == false then
love.graphics.scale(1)
love.graphics.pop()
love.graphics.setScissor()
end
end
Call setupScreen() when you change any settings like fullscreen or window size.
Call screenPreparation() before drawing and screenPresentation() after drawing game related stuff. You can also use more push(), pop(), translate(), scale(), setScissor() calls nested too. As long as you end up closing what you open. i.e. close every push with a pop, every setScissor(x, y, w, h) with an empty setScissor().
Create a function to snap the value:
Code: Select all
function snap(v)
if app.usecanvas then
return v
else
return math.floor(v / scale) * scale
end
end
Or something.
