CCXL: Hairs

Summary

Published: Jan 20 2025 by manavortex and IslandDancer Last documented edit: Feb 16 2025 by manavortex, IslandDancer, CyberVesna , nutboy, and Silverlags

This page will tell you how to use ArchiveXL to add hair to the character creator.

Wait, this is not what I want!

• To learn more about the character creator, check Game Components explained -> Character Creator

• To convert an existing hair mod to CCXL, check Convert a hair mod to hair CCXL mod

Requirements

You have downloaded the example project from Nexus

TL;DR

If you would rather understand what you're doing, please skip to Step 1: Deleting .ent files!

1. Download example project

2. Add your .mesh file to the project

3. Copy the appearances, materialEntries, and localMaterialDefinitions from the template mesh

4. Overwrite it with your own

5. Overwrite the .rig and the .animgraph with your own, if you have them

6. Adjust .app file entry

7. If you're not using base game textures: Change files paths in the .mi

8. Rename the .xl file

9. Change translation key in the .json file to something unique for your mod

10. Change translation entries in the .inkcharactercustomization file

11. Custompath everything — do not publish anything that still contains tutorial files!

12. Profit

Let's go!

We will be moving backwards through the files: starting at the bottom, and working our way to the top (the character creation and the .xl control file).

1. Start by downloading the example project from Nexus

2. Unpack the source folder into the root of your existing hair project so that it merges with yours

3. Move any .mesh, .animgraph, and .rig files from your original hair to your_modder_name\ccxl\your_first_addition\meshes

Step 1: Deleting .ent files

If you don't have any .ent files, you're good!

If you do have them, delete them now – we don't need them in our CCXL projects.

Step 2: Adjusting the .app file

Thanks to ArchiveXL magic, your .app file needs only one appearance. All other appearances will be extrapolated from it!

You can use any of the existing base game hair colours, as long as the definition itself is valid.

The template file has three .app files – one of them is for your hair's default appearance, one is for the cyberware_01 appearance, and one is for the first person hair.

If you do not have a cyberware_01 appearance, you can delete this file and adjust the file path under Step 6: The .incharactercustomization file

If you are converting an existing mod with an .app file

1. Delete all but the first appearance

2. If you have anything in partsValues, make sure to remove it – the .ent file it was pointing at is gone now

3. partsOverrides will make sure your hair colours assign correctly. Keep them, but clear any depotPaths you have set (ArchiveXL will handle that for you)

If you want to add more meshes/rigs to the template .app (for example from uuhv4), you can duplicate the entSkinnedMeshComponent and the matching entAnimatedComponent from the context menu.

File Validation can help you making sure that your hair components and paths are correct.

Step 3: The .mesh files

This section will explain how ArchiveXL works its magic to pick all the right hair colours and -textures from three entries and a piece of duct tape.

If you are converting an existing hair mod, you probably already have these files.

In this case, copy appearances, materialEntries, and localMaterialInstances from the template file to your existing hair mesh.

We'll now go through everything step by step.

3.1 Appearances

To understand appearances, you can check 3d objects: .mesh files-> Step 1: Appearances. This is not necessary to complete the guide, though!

As you can see, you only need a single appearance — ArchiveXL will generate all the rest.

If your hair mesh is set up differently from the template file, you need to adjust the chunk materials here!

In our example, the first submesh uses the material @long, and the second one the material @cap.

The names must be set as follows:

<name_of_appearance>@<name_of_material> => black_carbon@long

3.2 Material definitions

To understand material definitions, you can check 3d objects: .mesh files -> Step 2: Material registry. This is not necessary to complete the guide, though!

The tutorial hair has only two materials, and three material entries (@context, @long, @cap):

You can define more materials here if you need them (please note the box below)

You have to use the exact material names that ArchiveXL is expecting, or extra hair colours won't work.

For a full list, see ArchiveXL: Character Creator additions -> Hair materials

Now, let's look at the materials themselves.

3.3 Materials

To understand materials, you can check 3d objects: .mesh files -> Step 3: Material definition. This is not necessary to complete the guide, though!

@context

This is not actually a material instance – instead, this is where you register your mesh file's material properties for ArchiveXL's character creator extensions.

Please note the following:

• It does not have a base material

• Each value points at one .mi file in the project

• All of its values must be of the type CpuNameU64. You can create one as follows:

You need to create one entry for every type of material that you want ArchiveXL to expand.

For a full list, see ArchiveXL: Character Creator additions -> Hair materials

If your hair is using a material multiple times (e.g. long, long, cap), you still create only one LongBaseMaterial value.

@long

This material defines the hair cards. It points at the .mi file in your project, where the hair's textures are defined.

All ResourcePaths must have Soft flags for this to work, including the baseMaterial! (see screenshot)

Since the dynamic context does not transfer to the .mi, we need to set the HairProfile here.

The {material} placeholder in the file entry will be replaced with the chunk mask name from the appearance (e.g. black_carbon).

@cap

This material defines the hair cap (the stubbles on the scalp). It points at the .mi file in your project, where the scalp's textures are defined.

Since the dynamic context does not transfer to the .mi, we need to set the GradientMap here. Omitting this will lead to the hair cap looking way darker than it's supposed to.

Step 4: The .mi files

The .mi file and the @context are required for ArchiveXL character creator extensions. Without a .mi file, you won't have e.g. extra hair colours (e.g. Hair Profiles CCXL)

With the exception of the hair cap, the .mi file is a completely normal material tempate file (link not necessary for understanding this guide).

The hair cap base material is included within ArchiveXL. If you aren't using one, you don't need to know any of this — just move all properties without dynamic properties from the .mesh file into your .mi.

Step 5: The translation entry

Open the included .json file, and make sure to change the entries according to your needs.

There are two translation entries, because this tutorial assumes that you want to name the cyberware_01 variant differently.

For an explanation of what is what, keep reading.

key	value	explanation
femaleVariant	Your First Hair
maleVariant	leave it blank	If no value is found, then femaleVariant acts as default
primaryKey	0	Will be generated by ArchiveXL, leave it alone
secondaryKey	UI-Customization-your_first_hair	Used in the .inkcharactercustomization file to set your hair's entry name

Step 6: The .incharactercustomization file

Here is where everything connects to each other.

For more information about this, see .inkcharactercustomization: CC options

Open the file, we will look at the entries now.

6.1 headGroups

These entries create character creator additions, while the CustomizationOptions define them (think of a materialDefinition and a materialInstance in a .mesh file).

6.2 gameUiSwitcherInfos

Let's take a look at the headCustomizationOptions. The first to entries of the type gameuiSwitcherInfo add our new hair to Cyberpunk's character creator menu, so that they show up when you scroll through the hairs.

The first entry

If you're only using one hairstyle mesh, keep this entry nameless, or it will overwrite the Character Creator's base switcher!

• link: Targets one of the headGroups entries

• names: Contains the headGroup's options

If you want to use a different mesh when cyberware_01 is enabled, you will have to cut "hairstyle" from the link in the first entry and instead put it in name to have two visibly distinct meshes. Otherwise you'll only have one mesh visible.

The second entry: hairstyle_cyberware

This entry defines the hairstyle for cyberware_01.

6.3 gameUiAppearanceInfos

For more information on this, see .inkcharactercustomization: CC options -> gameuiAppearanceInfo. This is not necessary for the purpose of this guide!

The template inkcc has three gameUiAppearanceInfos, one for your hair, one for the cyberware_01 variant, and one for FPP.

If you do not have an extra appearance for cyberware_01, you can re-use the default hair .app file.

Make sure to adjust the paths to your corresponding .app file:

Step 7: The .xl file

From your project's resource directory, open the .archive.xl file that you created in the previous guide. Add the following lines at the bottom (make sure that there are no leading spaces):

customizations:
  female: your_modder_name\ccxl\your_first_addition\_pwa.inkcharcustomization
localization:
  onscreens:
    en-us: your_modder_name\ccxl\your_first_addition\localization\your_first_hair_wa__local.json
resource:
  scope:
    player_wa_hair.app:
      - your_modder_name\ccxl\your_first_addition\appearances\your_first_hair_wa.app
      - your_modder_name\ccxl\your_first_addition\appearances\your_first_hair_wa_cyberware.app
      - your_modder_name\ccxl\your_first_addition\appearances\fpp\your_first_hair_wa_fpp.app
    player_wa_hair.mesh:
      - your_modder_name\ccxl\your_first_addition\meshes\your_first_hair_wa.mesh
      - your_modder_name\ccxl\your_first_addition\meshes\your_first_hair_wa_cyberware.mesh

TODO: What does this do?

It just works. Adjust the paths!

Step 8: Renaming and moving

Now it's time to custompath your project.

On some versions of WolvenKit, you might encounter an issue where a file like .inkcharcustomization fails to apply the custom path, in that case you'll have to open the file and copy relative path of your .apps

It's recommended to look in the Log view and check if there's an error in a renaming custompaths in files.

Troubleshooting

Hair colour extensions don't work on my hair!

Most likely, you screwed up the names of your material definitions. They must be exactly as ArchiveXL expects them to be. Go back to 3.2 Material definitions and double-check everything.

I have duplicate entry in hairstyles options!

This happens due to having a different localizedName forcyberware_hairstyle switcher that's inside the.inkcc file. For exampleUI-Customization-your_first_hair in the blank switcher, and UI-Customization-your_first_hair_cyberware in the cyberware_hairstyle switcher.

If you want to have a unique hairstyle mesh when cyberware_01 is enabled refer to 6.2 gameUiSwitcherInfos, specifically the hint about link and name.