Welcome to PGMV! My goal is to make it easy for everyone to find and share great plugins for creating amazing games. As a plugin developer myself, I'm excited to grow this community with all of you.
Graphical Design Mode - GraphicalDesignMode.js
Plugin desc : GUI screen design plugin
License : MIT License
Author : Triacontane
Website : https://triacontane.blogspot.com/
Desc page : https://triacontane.blogspot.com/
Download Page : https://raw.githubusercontent.com/munokura/triacontane-MV-plugins/refs/heads/main/GraphicalDesignMode.js
File name : GraphicalDesignMode.js
Help of plugin :
@url https://triacontane.blogspot.com/ @plugindesc GUI screen design plugin @author Triacontane @license MIT License @help English Help Translator: munokura This is an unofficial English translation of the plugin help， created to support global RPG Maker users. Feedback is welcome to improve translation quality (see: https://github.com/munokura/triacontane-MV-plugins ). Original plugin by Triacontane. Please check the latest official version at: https://triacontane.blogspot.com ----- Graphically design the appearance of each screen， including the menu screen and battle screen， by fine-tuning the display position of windows and images with drag and drop. You can also change the width， height， margins， and background image on the screen. You can customize the position of not only the default screen but also screens added by plugins. (However， this is dependent on the other party's implementation， so functionality is not guaranteed.) Please follow the steps below: 1. Set the "Design Mode" parameter to "ON." - This is "ON" by default. 2. Start a test play， battle test， or event test. 3. Use the mouse to grab objects and place them wherever you like. - Normal window operations with the mouse will be disabled. - Automatically snap to other windows and screen edges. (Disable with Shift) - Hold down Ctrl to snap to the grid. (Option key on Mac) - Press Ctrl+Z to undo the most recent change. - Press Ctrl+Shift+Enter to reset all changes to the current scene. - Right-clicking within the window will toggle the frame's transparency/opacity. If you've changed parameters， this will toggle the entire window's visibility. Once hidden， it cannot be redisplayed without resetting the entire screen. - Pressing the number keys (*) within the window will change each property. - Typing "changePos(x， y);" (x: X coordinate， y: Y coordinate) into the console will change the window position you last edited. 4. Press Ctrl+S to save the customized position. 5. For normal test play， turn "Design Mode" to "OFF." *Number and property correspondence (non-numeric keypad number keys) 1. Window width (*1) 2. Window height (specified manually) (*1) 3. Window margins (*2) 4. Window font size (*2) 5. Window line height (*2) 6. Window background transparency (*2) 7. Window lines (*2) 8. Window background image filename 9. Window font name (*3) *1 JS formulas can be applied. Formulas are evaluated only once upon entry. *2 JS formulas can be applied. Formulas are saved and re-evaluated each time the screen is displayed. If you're unsure， simply set the values as before. *3 Fonts must be loaded. Please use the "Font Load Plugin." Available from: raw.githubusercontent.com/triacontane/RPGMakerMV/master/FontLoad.js *4 On Mac， use the option key instead of the Ctrl key. (The command key does not work.) You can also add custom pictures and windows. For details， see the "User-Modifiable Area" section in the source code. You can also adjust the position of added items by dragging and dropping. You can change the alignment of the content displayed in the window using the following control characters: # Left-aligned (left alignment is used even if left blank) ￥￥AL[left] ￥￥AL[0] # Center-aligned ￥￥AL[center] ￥￥AL[1] ￥￥AL[right] # Right-aligned ￥￥AL[2] Saved content is stored in "data/ContainerProperties.json." You can also edit it using a JSON editor. You can also define different window placements for mobile devices. Mobile positioning information is saved in "data/ContainerPropertiesMobile.json." Enabling the mobile impersonation option allows you to reproduce mobile device execution on your PC. Reproducing mobile execution may result in changes to the format used for audio and video files， or audio files not playing at all. Windows whose positions have been changed with this plugin cannot be repositioned thereafter. Therefore， if you use this plugin to fix the position of windows whose positions change dynamically during gameplay， they may not display correctly. In such cases， or if you experience display issues， we recommend pressing Ctrl+Shift+Enter to reset all windows on the screen. Caution! Added pictures may be excluded as unused files during deployment. In this case， you will need to take appropriate measures， such as reinstalling the deleted files. Caution! Window positions and sizes may not be saved correctly depending on the use of other plugins. Plugin Command Details Execute from the "Plugin Command" event command. (Separate parameters with a space.) GDM_UNLOCK_MESSAGE_WINDOW Temporarily disables changes to the message window position. Coordinate changes made by the plugin are disabled， and the window position specified in the "Show Message" event is enabled. GDM_LOCK_MESSAGE_WINDOW Re-enables changes to the message window position. Coordinate changes made by the plugin are enabled， and the window position specified in the "Show Message" event is ignored. GDM_UNLOCK_CHOICE_WINDOW Temporarily disables changes to the choice window position. Coordinate changes made by the plugin are disabled， and the window position specified in the "Show Choice" event is enabled. GDM_LOCK_CHOICE_WINDOW Re-enables changes to the message window position. Coordinate changes made by the plugin are enabled， and the window position specified in the "Show Choice" event is ignored. Terms of Use: You may modify and redistribute this plugin without permission from the author， and there are no restrictions on its use (commercial， 18+， etc.). This plugin is now yours. @param DesignMode @desc Start the game in design mode. (ON/OFF) @type boolean @default true @param AutoSave @desc Automatically saves changes when you change the position. (ON/OFF) @type boolean @default false @param MobileMake @desc Create a separate window layout for the mobile version. (ON/OFF) @type boolean @default false @param FakeMobile @desc Disguise mobile execution. (ON/OFF) @type boolean @default false @param ThroughWindow @desc When windows overlap， they are displayed transparently. (ON/OFF) @type boolean @default false @param GridSize @desc Displays a grid of the specified size while adjusting the window. @type number @default 48 @param Padding @desc Default value for window margins. If entered， it will be applied. Default: 18 @type number @default 0 @param FontSize @desc Default value for window font size. If entered， it will be applied. Default: 28 @type number @default 0 @param LineHeight @desc Default value for the line height of the window. If entered， it is applied. Default: 36 @type number @default 0 @param BackOpacity @desc Default window background transparency. If entered， it will be applied. Default: 192 @type number @default 0 @param IconSizeScale @desc Automatically adjusts icon size when font size is changed. @type boolean @default false @param BackgroundFixed @desc The background display settings specified for each event command in message windows， etc. will be ignored and will be fixed to the plugin settings. @type boolean @default false @param RightClickHide @desc Hides the entire window when right-clicking in design mode. (When OFF， only the frame is hidden.) @type boolean @default false @param IgnoreMesWindow @desc This plugin will not touch messages， options， or numeric input windows. Changed positions will not be reset. @type boolean @default false