A content pack for Fashion Sense (FS) allows mod authors to create Bodies with the following benefits:

• Can be larger than 16x32 pixels
• Can be animated
• Can override the player's default color

Fashion Sense content packs are compatible with other FS packs, meaning you can have as many Fashion Sense Bodies as you'd like!

1. Create a parent folder with the content pack's name.

2. Create and fill in manifest.json as a content pack.

3. Create a Bodies folder, add it under the content pack's main folder.

4. Create a sub-folder under Bodies with the name of the body

   a. The name of the folder(s) under Bodies do not matter.

5. Create a body.json under the created sub-folder, using the required fields found here.

6. Create a body.png under the same sub-folder.

   a. The image size doesn't matter, so long as it is under 16384x16384 pixels (though smaller files are preferred to reduce memory usage).

7. Create a eye.png under the same sub-folder.

   a. The image size should match the game's, which is 6x10 px.

A Fashion Sense content pack consists of the following structure:

[FS] Example Pack
├── manifest.json
│
└── Bodies
    ├── Default Short
    │   ├── body.json
    │   ├── body.png
    │   └── eyes.png
    │
    └── Default Tall
        ├── body.json
        ├── body.png
        └── eyes.png

If this is your first time creating a content pack, it may be useful to read the Stardew Valley Wiki for creating a content pack.

The first step to making your content pack is to create a top level folder with the name of your content pack. For example: [FS] Example Pack.

After that, you'll want to create the manifest.json file under that folder. Detailed instructions can be found on the Stardew Valley Wiki. Additionally, you can check out the example manifest.json as a reference.

For example:

[FS] Example Pack
└──  manifest.json

It is important to note that the manifest.json file must contain the following for it to be a content pack by Fashion Sense:

"ContentPackFor": {
    "UniqueID": "PeacefulEnd.FashionSense",
    "MinimumVersion": "USE.LATEST.VERSION"
}

Note: Replace "MinimumVersion": "USE.LATEST.VERSION" with the latest version number of Fashion Sense found here.

You will first need to create a Bodies folder underneath your main content pack folder.

After creating the Bodies folder you'll want to create a sub-folder for every body you want to add, like so:

.
└── Bodies
    ├── Default Short
    │
    └── Default Tall

You can also have sub-folders under the Bodies folder for organizing, like so:

.
└── Bodies
    ├── Defaults
    │   ├── Default Short
    │   └── Default Tall
    │
    └── Etc
        └── Other Body Type

To add a body to your content pack, the framework requires a body.json under each sub-folder of Bodies.

For example:

.
└── Bodies
    ├── Default Short
    │   ├── body.json
    │   ├── body.png
    │   └── eyes.png
    │
    └── Default Tall
        ├── body.json
        ├── body.png
        └── eyes.png

The file body.json determines how the body is to be applied and allows the usage of certain conditions for animation.

An overview of the required properties for body.json:

1. At least one BodyModel(FrontBody, BackBody, etc.) must be given for the body to be valid.

   a. Note that BodyModel have their own required properties, as can be seen here.
   

This is a simple body.json, which adds a static (non-animated) body that only applies while the player is facing forward.

{
  // See the wiki for all body properties: https://github.com/Floogen/FashionSense/wiki/Body-Model-Properties
  "Name": "Default Short",
  "Format": "6.3.0",
  "FrontBody": {
    "ColorMaskLayers": [
      {
        "Name": "Skin Color",
        "Values": [
          [ 107, 0, 58 ],
          [ 224, 107, 101 ],
          [ 249, 174, 137 ]
        ]
      },
      {
        "Name": "Eye Color",
        "DefaultColor": [ 104, 43, 15 ],
        "Values": [
          [ 196, 196, 196 ],
          [ 102, 102, 102 ]
        ]
      },
      {
        "Name": "Eyebrow Color",
        "DefaultColor": [ 0, 0, 0 ],
        "Values": [
          [ 230, 230, 230 ]
        ]
      }
    ],
    "StartingPosition": {
      "X": 0,
      "Y": 0
    },
    "EyeBackgroundPosition": 40,
    "EyePosition": 44,
    "AccessoryOffset": 4,
    "LegOffset": 0,
    "HeadOffset": 0,
    "ArmsOffset": 0,
    "BodyOffset": 4,
    "BodySize": {
      "Width": 16,
      "Length": 32
    },
    // Animation data here
  }
}

The StartingPosition property is used to determine where the starting point is (top-left most pixel for the BodyModel).

The EyePosition property is used to tell the framework where the player's head would be in relation to the body. See the Short Body With Fleas for another example.

Note: It is important to know that each BodyModel added (FrontBody, BackBody, etc.) must have a StartingPosition, EyePosition and BodySize, as the framework uses those properties to display the body.

The corresponding body.png

The layout requirements for body.png is fairly relaxed, as the framework utilizes StartingPosition, EyePosition and BodySize to determine where the body sprites are located.

See the example pack for references on how to create your Bodies.

Conditions can be used to determine which frames are played. See the conditions page for more details.

See the example pack for references on how to create your Bodies.

If you're looking for examples, see the examples page.