Character Colours

From Off Grid Wiki
Jump to navigation Jump to search

Colour lookup tables with UVs

The characters in Off Grid use a common material which switches out Colour Lookup Tables (LUTs) to change the colour of the Character's UVs. A LUT is a colour grid, each tile in the grid corresponds to a part of the Character's body.

Each LUT is a 64x64 pixel .png texture. Each tile in that texture is 8x8 pixels.

Character coloured in Blender

Colors in the textures

Albedo

Character colours look-up table

The main texture is an Albedo colour map.

Most characters share a lot of tile positions. The First Row of all characters is the same, it has the tiles for head, eyes, hair and facial hair.

The Second Row is for Torso
The Third Row is for Arms
The Fourth Row is for Legs
The Fifth Row is for Shoes

The Final 3 Rows are common across all characters and contain colours for hats and props.

Metallic + Smoothness

Character Metallic & smoothness Look-up table example

The second texture is a combined Metallic + Smoothness texture. The colour of the tile sets the smoothness of the material, with black for rough & diffuse, and white for smooth and reflective surface. The alpha value transitions between metallic (0.0) and non-metallic (1.0).

Only the colour texture is absolutely required, if the metallic+smoothness texture is left out the Character will be rendered with a simple diffuse material which will look fine in the game.

For more information on how Unity uses Metallic and Smoothness:
https://docs.unity3d.com/Manual/StandardShaderMaterialCharts.html

Setting up the UVs

Each part of the model is UV'd to a single color tile

Matching character model's UVs to colors in the texture

Because Unity will compress the textures and that can possibly cause some issues like colour bleed around tile borders, it's best to leave a bit of extra space there. As we don't really need to cover any area of the texture in the UVs, just collapsing everything into single points and making sure that's more or less at the centre of a colour tile should work fine.

Model's UVs collapsed into points inside color tiles

Skin and Hair

Skin and Hair colour ref

These values for skin and hair are used at the end of many LUTs to differentiate them from other version of the same LUT. However any colour can be used for hair and skin as you like.


Character LUTs

Many of these LUTs will work between all characters but to make sure the outcome is as expected use these guides when making new LUTs or altering existing LUTs.

Character LUTs

Unique Characters LUT Preview
Joe Preview slot
LongJacket LUT Preview
LongJacket_Col_BusDriver_S3H3 LongJacket Col BusDriver.png
LongJacket_Col_Docker_S5H6 LongJacket_Col_Docker_S4H3 LongJacket_Col_Docker_S1H3 LongJacket Col Docker 01.png
LongJacket_Col_Doctor_S3H7 LongJacket Col Doctor.png
LongJacket_Col_HotelClerk_S5H6 LongJacket_Col_HotelClerk_S1H6 LongJacket Col HotelClerk.png
LongJacket_Col_Soldier_S5H6 LongJacket Col Soldier.png
LongJacket_Col_Reporter_S2H3 LongJacket_Col_Reporter_S2H4 LongJacket Col Reporter.png
LongJacket_Col_FBI_S1H3 LongJacket Col FBI.png
LongJacket_Col_2600_S6H4 LongJacket Col 2600.png
LongJacket_Col_RemovalPerson_S5H6 LongJacket Col RemovalPerson.png
LongJacket_Col_HotelMaid_S1H3 LongJacket_Col_HotelMaid_S3H6 LongJacket_Col_HotelMaid_S4H4 LongJacket Col HotelMaid.png
SmartJumper LUT Preview
SmartJumper_Col_Blue_S4H4
SmartJumper_Col_Green_S4H3
SmartJumper_Col_Red_S1H1
SmartJumper Col Blue.png
SmartJumper_Col_Auditance_employee_S1H3 SmartJumper_Col_Auditance_employee_S4H4 SmartJumper_Col_Auditance_employee_S5H6 SmartJumper Col Auditance employee.png
SmartJumper_Col_Firestream_Employee_S3H3 SmartJumper_Col_Firestream_Employee_S3H4 SmartJumper_Col_Firestream_Employee_S1H7 SmartJumper Col Firestream Employee.png
SmartJumper_Col_CourtClerk_S4H3 SmartJumper Col CourtClerk.png
SmartJumper_Col_ISP-IT_S3H3 SmartJumper Col ISP-IT.png
SmartJumper_Col_Panelist_S1H3 SmartJumper Col Panelist.png
SmartSuit LUT Preview
SmartSuit_Col_Black_BlackTie-S1H0 SmartSuit_Col_Black_BlackTie-S1H1 SmartSuit_Col_Black_BlackTie-S2H3 SmartSuit_Col_Black_BlackTie-S3H3 SmartSuit_Col_Black_BlackTie-S4H4 SmartSuit_Col_Black_BlackTie-S5H4 SmartSuit Col Black BlackTie S1H0.png
SmartSuit Col Black RedTie-Waistcoat S1H7 SmartSuit_Col_Black_RedTie SmartSuit Col Black RedTie-Waistcoat S0H7.png
SmartShirt_Col_Grey_BlackTie-S1H0 SmartSuit_Col_Grey_BlackTie-S1H1 SmartShirt_Col_Grey_BlackTie-S4H3 SmartShirt_Col_Grey_BlackTie-S4H4 SmartSuit Col Grey BlackTie S1H0.png
SmartSuit Col Blue-NoTie S1H1

SmartSuit_Col_Blue-BlueTie_S2H2 SmartSuit_Col_BlueDark-BlueTie_S4H3 SmartSuit_Col_BlueDark-NoTie_S1H3

SmartSuit Col Blue-NoTie S1H1.png
SmartSuit_Col_HotelStaff_S1H2 SmartSuit_Col_HotelStaff_S1H3 SmartSuit_Col_HotelStaff_S4H4 SmartSuit_Col_HotelStaff_S4H5 SmartSuit_Col_HotelStaff_S1H0 SmartSuit_Col_HotelStaff_S2H0 SmartSuit_Col_HotelStaff_S3H3 SmartSuit Col Hotel.png
Vest LUT Preview
Vest_Col_Auditance_Security Preview slot


Waistcoat LUT Preview
Waistcoat_Col_Biker Preview slot

Vest

LUT version 2 working with Vest_Col_Security-Apostle
Vest LUT Examples

Vest_Col_Secuity

Waistcoat_Col_Biker

Vest_Col_Col_TruckerBlue

Vest_Col_SWAT

Vest_Col_WasteCollector

Vest_Col_Police

Vest_Col_Janitor

LongJacket

LUT version 2 working with the colour map : LongJacket_Col_Docker
LongJacket LUT Examples

LongJacket_Col_BusDriver

LongJacket_Col_Docker

LongJacket_Col_Doctor

LongJacket_Col_HotelClerk

LongJacket_Col_Soldier

LongJacket_Col_Reporter

SmartSuit

SmartSuit LUT
SmartSuit LUT Examples

SmartShirt_Col_Black_RedTie

SmartShirt_Col_Black_RedTie_Waistcoat

SmartShirt_Col_CourtClerk

Waistcoat

Waistcoat LUT
Waistcoat LUT Examples

Waistcoat_Col_Biker

Waistcoat_Col_Denim

Waistcoat_Col_Builder

Waistcoat_Col_Docker

Waistcoat_Col_Editor

Waistcoat_Col_Porter

Smart Jumper

Waistcoat LUT
Smart Jumper LUT Examples

SmartJumper_Col_Blue

SmartJumper_Col_Green

SmartJumper_Col_Red