Character Colours: Difference between revisions

From Off Grid Wiki
Jump to navigation Jump to search
(→‎Character LUTs: adding new LUT names and previews for LongJacket)
Line 95: Line 95:
|
|
| [[File:LongJacket_Col_Docker-S4H3.png|200px|]]
| [[File:LongJacket_Col_Docker-S4H3.png|200px|]]
|-
|-
| LongJacket_Col_Doctor
|
| [[File:LongJacket_Col_Doctor.png|200px|]]
|-
|-
| LongJacket_Col_HotelClerk
|
| [[File:LongJacket_Col_HotelClerk.png|200px|]]
|-
|-
| LongJacket_Col_HotelClerk_01
|
| [[File:LongJacket_Col_HotelClerk_01.png|200px|]]
|-
|-
| LongJacket_Col_Soldier
|
| [[File:LongJacket_Col_Soldier.png|200px|]]
|-
|-
|}
|}

Revision as of 13:36, 30 September 2020

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
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
LongJacket_Col_Docker_01
LongJacket_Col_Docker_02
LongJacket_Col_Docker-S4H3
LongJacket_Col_Doctor
LongJacket_Col_HotelClerk
LongJacket_Col_HotelClerk_01
LongJacket_Col_Soldier
SmartJumper LUT Preview
SmartJumper_Col_Blue Preview slot
SmartSuit LUT Preview
SmartSuit_Col_Black_BlackTie-S1H0 Preview slot
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