Add page by Sir Digby walking through the creation of custom Icon Libraries

Co-authored-by: Mark Lierman <[email protected]>

Author: budak7273

cspell.json

@@ -39,6 +39,7 @@
         "doggos",
         "DOREPCONDITIONAL",
         "DOREPLIFETIME",
+        "ESIT",
         "FACTORYGAME",
         "favorited",
         "Feyko",
@@ -53,6 +54,7 @@
         "furtue",
         "Headlift",
         "HKEY",
+        "Holo",
         "hoverpack",
         "hypertube",
         "hypertubes",

modules/ROOT/images/Satisfactory/IconLibrary/CreateDataAsset.png

@@ -82,6 +82,7 @@
             **** xref:Development/Satisfactory/AbstractInstance.adoc[Abstract Instances]
             **** xref:Development/Satisfactory/ConditionalPropertyReplication.adoc[Conditional Property Replication]
             **** xref:Development/Satisfactory/Savegame.adoc[SaveGame]
+            **** xref:Development/Satisfactory/IconLibrary.adoc[Icon Libraries]
             **** xref:Development/Satisfactory/DedicatedServerAPIDocs.adoc[Vanilla Dedicated Server API]
         *** xref:Development/Satisfactory/ModsWithoutSML.adoc[Modding Without SML]
         *** Legacy
@@ -128,7 +129,7 @@
     ** xref:CommunityResources/incredibuild.adoc[Incredibuild]
     ** xref:CommunityResources/TrainSignalGuide.adoc[Train Signaling Guide]
 
-// TODO unhide once translating section is ready
+// TODO un-hide once translating section is ready
 // * Translating Mods
 //     ** xref:Translation/GetStartedTranslating.adoc[Get Started Translating]
 //     ** xref:Translation/UsingTolgee.adoc[Using Tolgee]

modules/ROOT/images/Satisfactory/IconLibrary/FreshIconDataArrayElement.png

@@ -0,0 +1,168 @@
+= Icon Libraries
+
+Extending the set of icons available for use in the game's sign, map stamps, and map icon system requires creating an Icon Library data asset.
+Adding new icons is a relatively straightforward process but there are some considerations to be made.
+
+This page walks through creating an Icon Library, adding icons to it,
+and editing it as your mod evolves.
+
+[IMPORTANT]
+====
+The game's icon library system is originally designed to be used with an editor tool that is not available to modders.
+As such, many of the warnings and mentioned in the headers (and field hover tooltips) are not relevant to modders.
+
+Disregard the tooltips' warnings, but be sure to read the warnings and notes posted on this page.
+====
+
+== Setup
+
+Before getting started you will need to add some
+xref:Development/ModLoader/AccessTransformers.adoc[Access Transformers].
+The game's icon library system has a couple safeguards to avoid icon ID conflicts,
+but we must turn off these safeguards to add modded icons in our own libraries.
+
+Add the following to your mod's `AccessTransformers.ini`:
+
+[source,ini]
+----
+[AccessTransformers]
+
+; Custom FGIconLibrary
+EditAnywhere=(Class="/Script/FactoryGame.IconData", Property="ID")
+EditAnywhere=(Class="/Script/FactoryGame.IconData", Property="IconType")
+EditAnywhere=(Class="/Script/FactoryGame.IconData", Property="ItemDescriptor")
+EditAnywhere=(Class="/Script/FactoryGame.IconData", Property="DisplayNameOverride")
+----
+
+== Create the Icon Library Data Asset
+
+A data asset needs to be created to hold all the information about the icons you are adding.
+Create a data asset using the Content Browser by right-clicking on empty space in your mod's Content folder, hovering over `Miscellaneous` and selecting `Data Asset`.
+
+image:Satisfactory/IconLibrary/CreateDataAsset.png[Screenshot of creating a new Data Asset in the editor]
+
+Then select `FGIconLibrary` as the Data Asset Class
+
+image:Satisfactory/IconLibrary/SelectDataAssetClass_FGIconLibrary.png[Screenshot of selecting Data Asset class]
+
+Place the asset wherever you'd like in your mod's files.
+The game's Icon Database Subsystem will automatically detect and load it.
+
+== Importing Icon Images
+
+You will need to import images to be used as icons if they aren't already part of your mod.
+To do this simply right-click on an empty space again and this time select `Import to /[YourModReference]`, then use the file browser to select your image(s).
+
+image:Satisfactory/IconLibrary/ImportAsset.png[Screenshot of import asset context menu]
+
+Some Texture settings can be set to match Vanilla icons.
+
+In the `Level Of Detail` section:
+
+* Mip Gen Settings = `FromTextureGroup``
+* Texture Group = `UI Streamable`
+
+In the `Compression` section:
+
+* Compression Settings = `Default (DX11/...)`
+
+image:Satisfactory/IconLibrary/IconTextureSettings.png[Screenshot of icon Texture asset settings]
+
+Everything else can be left as the default from when it was imported.
+
+=== Image Considerations
+
+There are a couple things to keep in mind for your images:
+
+1. Images should be square. Signs will stretch images into a square so if you want it to show correctly make sure you crop it to a square before importing.
+2. PNGs with alpha backgrounds work best. Vanilla icons have alpha backgrounds, so to best match the vanilla style yours should have that as well.
+
+== Filling out the Data Asset
+
+Upon opening the data asset you will see several different arrays you can add icons to. No matter what type of icon you are adding you will want to use `M Icon Data`. If you add your icon in one of the other arrays it will not show in-game.
+
+Add a new element to `M Icon Data`, it should look like this:
+
+image:Satisfactory/IconLibrary/FreshIconDataArrayElement.png[Screenshot of newly created Icon Data array element]
+
+[cols="1,4a"]
+|===
+| Field | Description of Function
+
+| ID
+| Each of your icons requires a unique, non-negative ID. For ease of editing, start at 0 and use the same number as the array index.
+
+[NOTE]
+====
+Icon IDs must be unique within the Data Asset, but not across Icon Libraries.
+If you have multiple Icon Library Data Assets it's safe to reuse IDs as long as it isn't within the same Library asset.
+====
+
+| Texture
+| Required. The texture (or material instance) to use for the icon. 
+
+| Item Descriptor
+| Optional. If you want to duplicate the name of an item or building, select its descriptor here. 
+
+| Display Name Override
+| When checked, the `Item Descriptor` field will be ignored and `Icon Name` will be used instead.
+
+| Icon Name
+| The user-facing icon name to use for the icon. Required, unless an `Item Descriptor` is provided.
+
+
+* When no `Item Descriptor` is provided, the field is used as the icon name.
+* When an `Item Descriptor` is provided, this field is only used as the icon name when `Display Name Override` is true, otherwise the value is ignored.
+
+| Icon Type
+| Required. Controls the category the icon is sorted into in-game,
+and if it's treated as a map stamp icon.
+Set this to something other than `ESIT None`.
+
+| Hidden
+| When checked, the icon will not be available for selection in-game.
+Use this if you want to remove an icon from the library instead of deleting its array entry.
+
+| Search Only
+| When checked, this icon will only appear when searched for directly.
+
+| Animated
+| see link:#AnimatedBackgrounds[Animated Backgrounds] for more information.
+
+|===
+
+== Adding and Removing Icons
+
+To add new icons, simply add new array elements and ensure they have unique IDs.
+
+[IMPORTANT]
+====
+When removing icons from your library, use the Hidden field instead of removing them!
+
+Although it's possible to remove array entries, this is highly discouraged as it could result in you accidentally re-using an ID later.
+Re-using an ID will cause users' signs to unexpectedly change from the old icon to the new icon.
+Instead, it is recommended to simply leave the array entry in place and enable the `Hidden` boolean property.
+Clear the texture reference if necessary.
+====
+
+== Finishing Up
+
+To test your icon library, package the mod and build a sign to see if your icons are showing up.
+Check out Example Mod's `ExampleModIcons` if you're having trouble getting your icon library settings to work.
+
+== Special Icon Types
+
+This section provides some additional notes about specific Icon Type values.
+
+[id="AnimatedBackgrounds"]
+=== Animated Backgrounds
+
+It is possible to add new animated backgrounds.
+Look at `FactoryGame/Interface/UI/InGame/Signs/SignBackgrounds` for some examples of settings for animated backgrounds.
+
+NOTE: Animated icons will only animate when used as a background, and all backgrounds are automatically made grayscale when selected in-game.
+
+=== Map Stamps
+
+Using Icon Type `ESIT_Map_Stamp` will result in the icon automatically appearing as a stamp option in the game's map UI.
+