Window Background Designer
Tired of the same old windows? Want to use your own custom image to create your menus and user interfaces?
This plugin allows you to assign images to your windows and use them as the window backgrounds. It also allows you to remove the window frame so that all the player will see is your custom image.
Being able to decorate your window is important, as windows can be dynamically created and animated.
For example, if you had a window that slides in from the side of the screen, you would want the window images to follow the window.
Images are drawn under the contents of the window, so text and other images drawn on the window will be displayed above the image.
This plugin supports any window, as long as you add them to the supplied configuration file, so if you’re using custom menus or custom interfaces, you can add images to them as well.
Note that this plugin is not meant to change the layout of your menus, so the menu I show above will require you to first create the layout before adding the images. However, once the layout is provided, you can easily add images to turn interfaces like this:
Into interfaces like this, by using pictures for the windows:
Download the plugin and place it in the “plugins” folder in your project’s “js” folder. Then open your Plugin Manager (F10), double-click an empty row, and select the HIME_WindowImageDesigner plugin.
Once it is in your list of plugins, turn the plugin on.
Download the configuration file and place it in your data folder.
In the data folder, create a configuration file called “window_config.csv”.
This file will store all of the backgrounds that will be used for your windows. You can edit it using a text editor or spreadsheet software, as such:
The format of the file is
Window Name,Image Name (in System folder),Window Opacity,Scene Name Window_MenuStatus,bg_menuStatus,0, Window_MenuCommand,bg_menuCommand,0
You can start by copying this into your csv file, or just download a template that I have provided.
All images will be stored in the img/system folder. You can then determine which image will be used for which windows, depending on which scene you’re in.
Assigning Images to Windows
This plugin assigns images based on the class name of the window as it is defined in the code.
In the template configuration file, I have written down a list of windows that exist in the default codebase, so you just need to figure out which one is the window you want.
The names are somewhat intuitive most of the time. For example,
“Window_Gold” refers to the window that is used to display how much gold you have.
“Window_MenuStatus” refers to the window that displays all of the actors in the menu
“Window_EquipList” refers to the window that shows all of the equips you can choose to equip, in the equip menu
If you are using plugins that provide custom windows, you will have to figure out the name of the window and add it to the configuration file. This is typically done by opening up the plugin and looking for something of the form
Where WINDOW_SOMETHING is the name of the window you’re interested in. It doesn’t always follow this pattern, but if you’re lucky they will be. You can always have something tell you what the window names are.
Setting Window Opacity
By default, all windows have an opacity of 255. If you would like to make the window transparent, you can set that to 0.