Character Colours: Difference between revisions

From Off Grid Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 54: Line 54:
[[File:Character LUT Layout Vest.png|none|thumb|Vest LUT]]
[[File:Character LUT Layout Vest.png|none|thumb|Vest LUT]]


[[File:LUTs Vest.png|none|thumb|Vest LUT]]
[[File:LUTs Vest.png|none|thumb|Vest LUT Examples]]


=== LongJacket ===
=== LongJacket ===
Line 60: Line 60:
[[File:Character LUT Layout LongJacket.png|none|thumb|LongJacket LUT]]
[[File:Character LUT Layout LongJacket.png|none|thumb|LongJacket LUT]]


[[File:LUTs LongJacket.png|none|thumb|LongJacket LUT]]
[[File:LUTs LongJacket.png|none|thumb|LongJacket LUT Examples]]


=== SmartSuit ===
=== SmartSuit ===
Line 66: Line 66:
[[File:Character LUT Layout SmartSuit.png|none|thumb|SmartSuit LUT]]
[[File:Character LUT Layout SmartSuit.png|none|thumb|SmartSuit LUT]]


[[File:LUTs SmartSuit.png|none|thumb|SmartSuit LUT]]
[[File:LUTs SmartSuit.png|none|thumb|SmartSuit LUT Examples]]


=== Waistcoat ===
=== Waistcoat ===
[[File:Character LUT Layout Waistcoat.png|none|thumb|Waistcoat LUT]]
[[File:LUTs Waistcoat.png|none|thumb|Waistcoat LUT Examples]]




[[Category:Modding]]
[[Category:Modding]]

Revision as of 15:45, 2 April 2019

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 color of the tile sets the material to dielectric or metal (white for metals, black for everything else). Then the alpha value sets the smoothness, 0 for rough/diffuse, and 1 for shiny and reflective.

Only the color texture is absolutely required, if the metallic+smoothness texture is left out we'll just render everything as simple diffuse material which will look just fine in the game. And most of the time people would likely just edit the colors and use the character's default metallic+smoothness texture.

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


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.

Vest

Vest LUT
Vest LUT Examples

LongJacket

LongJacket LUT
LongJacket LUT Examples

SmartSuit

SmartSuit LUT
SmartSuit LUT Examples

Waistcoat

Waistcoat LUT
Waistcoat LUT Examples