Campaign Menu

For this tutorial, we will go over creating a new campaign category for our example campaign.

Creating the storyconfig.JSON.patch.json file

Open WebStorm and when prompted, open your mod's folder.

In the root folder for your mod, create a new folder named content. In that folder create another folder named chunk0.

In the chunk0 folder, create a folder named Story Config. In that folder create a file named storyconfig.JSON.patch.json and set the contents to this:

{
	"file": "0093B70B9E704CE0",
	"type": "JSON",
	"patch": [
		{
			"op": "add",
			"path": "/0",
			"value": {
				"Name": "UI_HITMAN_CAMPAIGN_DEMO",
				"Image": "",
				"Type": "mission",
				"Properties": {
					"BackgroundImage": "images/campaign_demo/campaign_demo_tile.jpg"
				},
				"StoryData": [
					{
						"Type": "Mission",
						"Id": "[INSERT GENERATED UUID HERE]",
						"_comment": "The bank mission for the Hitman Campaign Demo"
					}
				]
			}
		}
	]
}

Note: The extension on this file is case-sensitive, so the file must end in .JSON.patch.json.

Explanation:

• This is a json patch file for 0093B70B9E704CE0, which is the [assembly:/_pro/online/default/cloudstorage/resources/storyconfig.json].pc_json file, which is where the campaigns are defined.
• This adds a new campaign, with the Name being the value set in the manifest.json for UI_HITMAN_CAMPAIGN_DEMO.
• It sets the BackgroundImage for the campaign to be a custom image that will be displayed for the campaigns button on the menu.
• It also adds one mission to that campaign, with the Id for that mission being the Id defined in the metadata for the bank mission.
• Replace [INSERT GENERATED UUID HERE] with a new UUID. You can generate one using GlacierKit in the Text tools section on the left sidebar:
  

Creating the Background Image for the custom campaign mod

Create another folder in your root folder named blobs. In that folder, create another folder named images, and in that folder, another folder named campaign_demo. This structure will make it more organized for when you want to add more images later.

Create a background image and put it in your blobs/images/campaign_demo folder.

Here is an example you can use for the campaign_demo_tile.jpg file

Next Steps

Now that we have a campaign menu set up, let's commit our changes to the GitHub repo.