UI CUSTOMIZATION#

Overview#

Customization options:

• UI text/localization
• Background images
• Color schemes
• Camera angles
• Preview image styling
• Font customization

Text Localization#

All UI text is configurable in config/locales.lua:

config/locales.lua
Copy
Locales = {
    subHeader = 'CREATE YOUR DESIRED LOOK',
    Father_text = 'FACE 1',
    Mother_text = 'FACE 2',
    Item_text = 'ITEM',
    Texture_text = 'TEXTURE',
    Opacity_text = 'OPACITY',
    discard = 'DISCARD',
    default_text = 'DEFAULT',
    blank_text = 'BLANK',
    clothes_on_of_help_text = 'put clothes off/on',
    Expand_help_text = 'CLICK HERE TO EXPAND...',
    Shrink_help_text = 'CLICK AGAIN TO SHRINK...'
}

See Localization for complete language examples.

Camera Positions#

Category-Based Cameras#

Configure automatic camera positions for each category:

config/main.lua
Copy
Config.AutoCameraChange = {
    Enable = true,
    CategoryCameras = {
        face_skin = 1,    -- Close face view
        mask = 1,
        hair = 1,
        torso = 2,        -- Full body
        pants = 3,        -- Lower body
        shoes = 3,
        hat = 1,
        glass = 1,
        watch = 4,        -- Side view
        bracelet = 5
    }
}

Camera Offset Positions#

config/main.lua
Copy
Config.CameraOffsets = {
    [1] = { x = 0.0, y = 0.9, z = 0.65 },   -- Face
    [2] = { x = 0.0, y = 1.8, z = 0.2 },    -- Full body
    [3] = { x = 0.0, y = 1.2, z = -0.5 },   -- Lower body
    [4] = { x = 0.5, y = 0.8, z = 0.3 },    -- Right side
    [5] = { x = -0.5, y = 0.8, z = 0.3 }    -- Left side
}

Preview Image Scaling#

Adjust how preview images are displayed:

config/main.lua
Copy
Config.ImageScaleTree = {
    face_skin = {
        scale = 1.0,
        offsetX = 0,
        offsetY = 0
    },
    mask = {
        scale = 1.2,
        offsetX = 0,
        offsetY = -10
    },
    hair = {
        scale = 1.1,
        offsetX = 0,
        offsetY = -5
    },
    torso = {
        scale = 0.8,
        offsetX = 0,
        offsetY = 20
    },
    pants = {
        scale = 0.7,
        offsetX = 0,
        offsetY = 40
    },
    shoes = {
        scale = 0.9,
        offsetX = 0,
        offsetY = 50
    },
    hat = {
        scale = 1.2,
        offsetX = 0,
        offsetY = -15
    },
    glass = {
        scale = 1.3,
        offsetX = 0,
        offsetY = 0
    }
}

Shop Zone Blips#

Customize map blips for shops:

config/shop.lua
Copy
Shop.Zones = {
    {
        id = "clothes_1",
        type = "clothes",
        coords = vector3(72.25, -1399.10, 29.37),
        blip = {
            enabled = true,
            sprite = 73,      -- Blip icon
            color = 47,       -- Blip color
            scale = 0.7,      -- Blip size
            label = "Clothing Store"
        }
    }
}

Common Blip Sprites:

Common Blip Colors:

Theme Examples#

Dark Minimalist#

:root {
    --primary-color: #333333;
    --background-color: rgba(0, 0, 0, 0.95);
    --text-color: #cccccc;
    --accent-color: #666666;
}

Neon Cyberpunk#

:root {
    --primary-color: #ff00ff;
    --background-color: rgba(10, 0, 20, 0.9);
    --text-color: #00ffff;
    --accent-color: #ff00aa;
}

Clean Light#

:root {
    --primary-color: #2196F3;
    --background-color: rgba(255, 255, 255, 0.95);
    --text-color: #333333;
    --accent-color: #4CAF50;
}

Next Steps#