Runtime Texture Atlas (RTA)

A Love2D runtime texture atlas designed to be easy to use and memory optimized. Creates texture atlas when loading than having to use an external tool to create an atlas. Tested and written on love 11.3 android.

There are two types of Texture atlas you have access to:

Fixed Size: All images must have the same width and height

Uses homebrew algorithm to pack images. Estimates size of the canvas with ceil(sqrt(numOfImages)) for the number of columns, then optimizes number of rows. (e.g. ceil(sqrt(50))=8, instead of an 8x8= grid for the atlas, it'll use 8x7 grid to avoid wasting the extra row). If you are baking an awful lot of images, and the window is freezing: see advice to solve this issues below.

Dynamic Size: All images can be whatever size they want

It uses BlackPawn's lightmap packing algorithm to pack the images together. Unit tests shows it takes 90%-120% longer to bake than fixed size (this is a given due to having to produce a binary tree for sizes verse just throwing them in). Which isn't an issue unless you have 1000+ images on one texture atlas, then it will freeze until baking has been complete. See advice to solve this issues below.

Advice: Window Freezing during baking

If your game window is freezing, it is due to the baking process taking too long. Try to avoid baking until the end, and avoid baking over and over unless you need to keep changing the images within the atlas. (If you're doing this to say animate, add all frames and then select the differnet quads in the draw)

Otherwise there is no way easy way around it. You can use another library such as Lily to multi-thread load image - this will increase performance a little for loading your images.

TLDR; bake once at the start of your game

Examples

Fixed Size

All images must be the same size

local textureAtlas = require("libs.TA")
local ta = textureAtlas.newFixedSize(16, 32)
ta:setFilter("nearest")

ta:add(love.graphics.newImage("duck.png"), "duck") -- throws error if images aren't 16x32
ta:add(love.graphics.newImage("cat.png"), "cat")
ta:add(love.graphics.newImage("dog.png"), "dog")
ta:add(love.graphics.newImage("rabbit.png"), "rabbit")

ta:bake()

ta:remove("dog")
ta:remove("rabbit", true) -- Remove rabbit and bake changes

ta:hardBake() -- Cannot add or remove images after call, and deletes all references to given images so they can be cleaned from memory
collectgarbage("collect")

local catDraw = ta:getDrawFuncForID("cat")

love.draw = function()
    ta:draw("duck", 50,50)
    catDraw(100,50, 0, 5,5)
end

Dynamic Size

Images don't have to be the same size

local textureAtlas = require("libs.TA")
local ta = textureAtlas.newDynamicSize()
ta:setFilter("nearest")

ta:add(love.graphics.newImage("521x753.png"), "duck")
ta:add(love.graphics.newImage("25x1250.png"), "cat")
ta:add(love.graphics.newImage("duck.png"), "duck") -- Replace previous image at id without having to call ta:remove
ta:add(love.graphic.newImage("rabbit.png", "rabbit")

ta:bake("height") -- Sorting algorithm optimizes space use

ta:remove("rabbit") -- will need to bake again
ta:remove("cat", true, "area") -- remove graphic, bake with this sort

ta:hardBake() -- Cannot add or remove images, and deletes all references to given images so they can be cleaned from memory
collectgarbage("collect")

local duckDraw = ta:getDrawFuncForID("duck")

love.draw = function()
    ta:draw("banner", 50,50)
    duckDraw(100,50, 0, 5,5)
    love.graphics.print(("x%d:y%d\nw%d:h%d"):format(ta:getViewport("duck")))
end

Docs

Clone into your lib/include file for your love2d project.

E.g. git clone https://github.com/EngineerSmith/Runtime-TextureAtlas libs/TA

require

Require the library using the init.lua

local textureAtlas = require("libs.TA") -- the location where it has been cloned to

textureAtlas.new

Create an atlas to add images too:

• Fixed Size atlas require all added images to have the same width and height
• Dynamic Size atlas allows for any size of image

Variables explained:

• Padding: allows you to add a border around each image
• Extrude: allows you to extend the image using the clamp warp mode (or that which you've set for the image) See here for an example of clamp.
• Spacing: allows you to add space between each image, different from pading as it doesn't add space between atlas edge and the images. Padding Vs Spacing: 1 pixel of spacing would leave a 1 pixel gap between images, whilst 1 pixel of padding would leave a 2 pixel gap between each image. Spacing would allow the texture to go up to the edges of the atlas, whilst padding will not.

local fs = textureAtlas.newFixedSize(width, height = width, padding = 1, extrude = 0, spacing = 0)
local ds = textureAtlas.newDynamicSize(padding = 1, extrude = 0, spacing = 0)

textureAtlas.newFixedSize(16) -- 16x16 only, padding 1 pixel
textureAtlas.newFixedSize(32,64, 5) -- 32x64 only, padding 5 pixel
textureAtlas.newFixedSize(64,64, 5, 3) -- 64x64 only, padding 5 pixels, extrude 3 pixels
textureAtlas.newFixedSize(64,64, 2, 2, 2) -- 64x64 only, padding 2 pixels, extrude 2 pixels, space 2 pixels

textureAtlas.newDynamicSize(1) -- padding 1 pixel
textureAtlas.newDynamicSize(5) -- padding 5 pixels
textureAtlas.newDynamicSize(3, 3) -- padding 3 pixels, extrude 3 pixels
textureAtlas.newDynamicSize(2, 2, 2) -- padding 2 pixels, extrude 2 pixels, space 2 pixels

textureAtlas:setFilter(min, mag = min)

Similar to image:setFilter; however, will always override default filter even if not changed. E.g. if love.graphics.setDefaultFilter("nearest", "nearest") is called, textureAtlas will continue to bake in "linear"

ta:setFilter(min, mag = min)
ta:setFilter("nearest")

textureAtlas:setBakeAsPow2(boolean = false)

Will round the atlas width and height to their nearest power of 2 value. Do note that the packing algorithms are not optimized for spacing towards the closest power of 2, and you may be left with a lot of empty space. This function doesn't rebake the atlas, and can be called after hard bake function has been ran, but it will not do anything. This function is useful for those who want to export an atlas as an external resource as some old graphics cards and old smartphones requires textures to be power of 2 and can (in some cases) increase performace minimally.

ta:setBakeAsPow2(true)
ta:setBakeAsPow2(false)

textureAtlas:setPadding(padding)

Sets padding around each image, this will push the image away from the edge of the atlas.

ta:setPadding(1)
ta:setPadding(4)

textureAtlas:setExtrude(extrude)

Sets how much an image should be extruded by. It allows you to extend the image using the clamp warp mode (or that which you've set for the image) See here for an example of clamp. This can help with bleeding in some cases. This function will use the indivual warp mode of each image, be default this is "clamp". You can change this by setting the warp mode of each image you give to the texture atlas.

ta:setExtrude(1)
ta:setExtrude(2)

textureAtlas:setSpacing(spacing)

Sets spacing between each image, doesn't add spacing between images and the edge of the atlas.

ta:setSpacing(1)
ta:setSpacing(3)

textureAtlas:add(image, id, bake = false, ...)

Add or replace an image to your atlas. Use the 3rd argument to bake the addition. Recommended to only bake once all changes have been made - useful for updating one image. 4th argument is passed to textureAtlas.bake

Note, id can be any normal table index variable type - not limited to strings

ta:add(image, id, bake = false, ...)
ta:add(love.graphics.newImage("duck.png"), "duck")

fixed:add(love.graphics.newImage("duck.png"), "duck", true)
dynamic:add(love.graphics.newImage("duck.png"), "duck", true, "height") -- option to add in sorting algorithm

textureAtlas:remove(id, bake = false, ...)

Remove an image added to the atlas. Use the 2nd argument to bake the removal. Recommended to only bake once all changes have been made or if you're only making a single change. 4th argument is passed to textureAtlas.bake

ta:remove(id, bake = false, ...)
ta:remove("duck")

fixed:remove("duck", true)
dynamic:remove("duck", true, "area")

textureAtlas:getViewport(id)

Get viewport for given id. Returns position, width and height for it's location on the texture atlas. Will throw an error if a quad doesn't exist for given id.

local x, y, w, h = ta:getViewport(id)
local x, y, w, h = ta:getViewport("duck")

textureAtlas:bake

Baking takes all added images and stitches them together onto a single image. Basic check in place to ensure it only bakes when changes have been made via add or remove to avoid needless baking

Note, it's recommended to use textureAtlas:hardBake once all changes have been made.

fixed:bake()
dynamic:bake(sortby)
dynamic:bake("height") 
-- _sortBy options: "height" (default), "area", "width", "none"
-- "height" and "area" are best from unit testing - but do your own tests to see what works best for your images
-- use dynamic.image to grab the baked image

textureAtlas:hardBake

Hard baking bakes the image(if changes have been made since last bake) and removes all references to all added images. Once called, you cannot add(throws error), remove(throws error) or bake again(no error). This function is designed to free up unused memory.

Note, any references to images that still exist outside of textureAtlas will keep the image alive (image:release is not called)

Call collectgarbage("collect") after textureAtlas:hardBake if you want to see instant results of cleaning out unused memory, otherwise let lua handle when it wants to collect garbage.

fixed:hardBake()
dynamic:hardBake(sortBy) -- See textureAtlas:bake for sortBy options

textureAtlas:getDrawFunc()

Get a draw function to avoid passing given texture atlas around

local draw = ta:getDrawFunc()
-- draw(id, ...) -- See textureAtlas:draw(id, ...)
draw("duck", 50,50, 0, 5,5) -- draws id "duck" at 50,50 at scale 5

textureAtlas:getDrawFuncForID(id)

Get a draw function to avoid passing given texture atlas and id around

local draw = ta:getDrawFuncForID("duck")
-- draw(...) -- values are sent as arguments to love.graphics.draw, similar to textureAtlas:draw(id, ...)
draw(50,50, 0, 5,5) -- draws id "duck" at 50,50 at scale 5