Scale

General

If you want to not only change the icons itself, but also their size, you have to edit a few more files.

In the following example, we will double the size of all icons (64x96 -> 128x192).

An icon in the equipment menu is displayed by using a specific texture file (itemgra_c.tm2) whose image and color is being overwritten every time a new equipment is viewed. These icons are extracted from the item_gra??.as7 file and their color from the item_clut.bin file.

This texture file is used as a base for all icons and always includes 2 icons next to each other.

Update File Icon Size

A .tm2 file can be split into different groups with multiple icons. Each icon has their own position and size, which is all defined in the header.

Since the size of all icons in the item_gra??.as7 file is doubled, their position, size and the space to which they will be copied also has be updated. To do that:

  1. Extract the ps2data/image/ff12/myoshiok/us/tm2_menu/itemgra_c.tm2 file via the VBF Browser (us directory differs depending on your game language).

  2. Unpack itemgra_c.tm2 with The Insurgent's Workshop.

  3. Navigate to the workshop/unpacked/itemgra_c.tm2.dir directory.

  4. Open info.json with any text editor.

  5. Change the image width and height to 256. (2 icons, width of 128)

  6. Change the properties of icon 0 to:

    • Width: 128

    • Height: 192

  7. Change the properties of icon 1 to:

    • X Position: 128

    • Width: 128

    • Height: 192

  8. Save all changes.

  9. Open merged.raw with an image editor (size: 128x128).

  10. Change its size to 256x256 and save it.

  11. Pack it into a new .tm2 with The Insurgent's Workshop.

  12. Move the newly created workshop/newpack/itemgra_c.tm2 to your mod directory.

Update Hardcoded Icon Size

The size of the icons in all item_gra??.as7 files are not saved in the files themselves, but in another one instead. To update the icon size in that file, you have to do the following:

  1. Extract the jsondata/uisize/uisize.json file via the VBF Browser.

  2. Open uisize.json with any text editor.

  3. Change the values of the following properties:

    • ListItemIconW: 128

    • ListItemIconH: 192

  4. Save all changes.

  5. Move the newly created uisize.json to your mod directory.

Update User Interface

Every texture, text, etc. displayed in the UI is defined in a .mrp file. This file declares where a texture is placed, where it comes from, what size it has, and more. Since you changed the icon size, you also have to update the .mrp file that displays these icons by doing the following:

  1. Extract the ps2data/image/ff12/myoshiok/us/packfiles/mrppack_ys.bin file via the VBF Browser (us directory differs depending on your game language).

  2. Unpack mrppack_ys.bin with The Insurgent's Workshop (first package, then file).

  3. Navigate to the workshop/unpacked/mrppack_ys.bin.dir directory.

  4. Open section_008.json.

  5. Change the image width and height to 256.

  6. Change the properties of group 1 entry 2 (image) to:

    • X Position: -61

    • Y Position: 43

    • Width: 128

    • Height: 192

  7. Change the properties of group 1 entry 3 (border) to:

    • X Position: -73

    • Y Position: 29

    • Width: 152

    • Height: 226

  8. Save all changes.

  9. Pack the section_008.json into section_008.bin with The Insurgent's Workshop.

  10. Move the newly created workshop/newpack/mrppack_ys.bin.dir/section_008.bin to your mod directory.

Notes

When converting the .raw image file back into a .as7 file with ff12-as7, make sure to properly set the block size argument (-b=24576).

The calculation is as follows: Width * Height = Block Size (e.g. 128 * 192 = 24576).

PreviousImport

Last updated