Images

-- 3 steps · 2 code blocks · 1 min read

get var-tattooshop v2 try it on the test server

In image mode a player can always import a PNG from their own PC. On top of that you can ship a catalog of ready-made images that everyone sees in the menu.

01step

Drop the PNG in web/build/images/.

02step

List it in Catalog.images, at the bottom of shared/catalog.lua:

lua

Catalog.images = {
    { id = 'gang_logo', label = 'Gang Logo', file = 'images/gang_logo.png' },
    { id = 'crew_mark', label = 'Crew Mark', file = 'images/crew_mark.png' },
}

Field	What it does
`id`	Unique key, also used by `Config.Access.tattoos` to gate it
`label`	Name shown in the menu
`file`	Path relative to `web/build/`

03Restart the resource. The images appear in the image mode list

Keep each file under the Config.Limits.imageBytes budget (500 KB by default). Transparent PNGs work best, the alpha channel is preserved when the tattoo is composited onto the body.

Gating an image

Reserve one image to a group like any other tattoo:

lua

Config.Access = {
    tattoos = {
        ['gang_logo'] = 'vip',
    },
}