MVGraphical Design Mode
Preserved forum archive. This topic stores the original first post and locally mirrored RPG Maker Web attachments when available. It is posted by the BMMPlay archive account, not by the original creator.
Original Source
- Original title: Graphical Design Mode
- Original author: ovate
- Original date: November 23, 2019
- Source thread: https://forums.rpgmakerweb.com/threads/graphical-design-mode.115531/
- Source forum path: Game Development Engines > RPG Maker Javascript Plugins > JS Plugin Releases (RMMV)
Summary
GraphicalDesignMode - Version 2.10.3 (2019/11/02) Creator name: Triacontane ☆☆☆Getting started.☆☆☆ In design mode, you can set or arrange objects properties and design the screen ingame during playtest.
Archived First Post
GraphicalDesignMode - Version 2.10.3 (2019/11/02)
Creator name: Triacontane
☆☆☆Getting started.☆☆☆
In design mode, you can set or arrange objects properties and design the screen ingame during playtest.
--------------------Controls----------------------------------------------------------------------
Drag and drop: Grab windows and images and rearrange them where you want.
Ctrl + mouse: The window or image snaps to the grid. (Option key on Mac)
Shift + mouse: Windows and images will not snap to objects or screen edge.
If you type "changePos(x, y);" (x: X coordinate, y: Y coordinate) in the console, you can change window position.
Ctrl + S: Save all changes.
Ctrl + C: Copies the coordinates into a clipboard.
Ctrl + Z: Undo the last operation.
Ctrl + Shift + Enter: Resets all screen layouts and reloads.
Right-click: Displays / hides the window frame (or the entire window).
Number key: When pressed within the window, the corresponding properties can be changed as follows.
1. Window width (※1)
2. Window height (directly specified) (※1)
3. Window margin (※2)
4. Window font size (※2)
5. Height per line of the window (※2)
6. Window background transparency (※2)
7. Number of lines in the window (※2)
8. Window background image filename
9. Window font name (※3)
※1 JS calculation formula can be applied. The calculation formula is evaluated once on the spot you enter.
※2 JS calculation formula can be applied. The formula is saved and re-evaluated when displayed on the screen.
If you want to know, you can set the value like before.
※3 Fonts must be loaded. Please use "Font Load Plugin".
Download: raw.githubusercontent.com/triacontane/RPGMakerMV/master/FontLoad.js
※4 For Mac, use the option key instead of Ctrl key. (The command key does not respond)
Example of hiding a window by right-click on a window
Don't forget to save changes with Ctrl+S
After you're done, set “Design Mode” to “OFF” for normal testplay.
Design Mode "ON" for deployment as finalization.
The contents displayed in the window can be changed with the following control characters.
Plugin Commands
Temporarily cancel the message window position change.
-
Re-enable message window repositioning.
-
Temporarily cancel the position change of the choice window.
-
Re-enable message window repositioning.
___
Notes
Contents are saved in “data/ContainerProperties.json”.
Editing with a JSON editor is also possible.
You can also define different window layouts for mobile devices.
Placement information for mobile is saved in “data/ContainerPropertiesMobile.json”.
Enable Fake mobile option to run on mobile device on PC
Can be reproduced. When reproducing mobile execution, the format of audio and video files-
May change the audio file or not play.
You cannot change the position of a window that's changed with this plugin.
Therefore, this plugin can be used for window positions change during the game.
If the position is fixed, it may not displayed correctly.
If the display ends up looking strange,
Use Ctrl+Shift+Enter to initialize all windows in the screen.
Credit and Thanks: Triacontane
Terms of Use- Free for commercial and non-commercial use.
License - MIT License: http://opensource.org/licenses/mit-license.php
You can download js file from the thread attachment or Dropbox link: https://www.dropbox.com/s/9n9vmb9nvg2k7gp/GraphicalDesignMode.js?dl=1
Creator name: Triacontane
☆☆☆Getting started.☆☆☆
In design mode, you can set or arrange objects properties and design the screen ingame during playtest.
--------------------Controls----------------------------------------------------------------------
Drag and drop: Grab windows and images and rearrange them where you want.
Ctrl + mouse: The window or image snaps to the grid. (Option key on Mac)
Shift + mouse: Windows and images will not snap to objects or screen edge.
If you type "changePos(x, y);" (x: X coordinate, y: Y coordinate) in the console, you can change window position.
Ctrl + S: Save all changes.
Ctrl + C: Copies the coordinates into a clipboard.
Ctrl + Z: Undo the last operation.
Ctrl + Shift + Enter: Resets all screen layouts and reloads.
Right-click: Displays / hides the window frame (or the entire window).
Number key: When pressed within the window, the corresponding properties can be changed as follows.
1. Window width (※1)
2. Window height (directly specified) (※1)
3. Window margin (※2)
4. Window font size (※2)
5. Height per line of the window (※2)
6. Window background transparency (※2)
7. Number of lines in the window (※2)
8. Window background image filename
9. Window font name (※3)
※1 JS calculation formula can be applied. The calculation formula is evaluated once on the spot you enter.
※2 JS calculation formula can be applied. The formula is saved and re-evaluated when displayed on the screen.
If you want to know, you can set the value like before.
※3 Fonts must be loaded. Please use "Font Load Plugin".
Download: raw.githubusercontent.com/triacontane/RPGMakerMV/master/FontLoad.js
※4 For Mac, use the option key instead of Ctrl key. (The command key does not respond)
Example of hiding a window by right-click on a window
Don't forget to save changes with Ctrl+S
After you're done, set “Design Mode” to “OFF” for normal testplay.
Design Mode "ON" for deployment as finalization.
The contents displayed in the window can be changed with the following control characters.
Code:
\\AL[left] # Left align (If blank, left)
\\AL[0] # Same as above
\\AL[center] # Center
\\AL[1] # Same as above
\\AL[right] # Right align
\\AL[2] # Same as abovePlugin Commands
Code:
unlock_message-
Code:
lock_message-
Code:
unlock_choice-
Code:
lock_choice___
Notes
Contents are saved in “data/ContainerProperties.json”.
Editing with a JSON editor is also possible.
You can also define different window layouts for mobile devices.
Placement information for mobile is saved in “data/ContainerPropertiesMobile.json”.
Enable Fake mobile option to run on mobile device on PC
Can be reproduced. When reproducing mobile execution, the format of audio and video files-
May change the audio file or not play.
You cannot change the position of a window that's changed with this plugin.
Therefore, this plugin can be used for window positions change during the game.
If the position is fixed, it may not displayed correctly.
If the display ends up looking strange,
Use Ctrl+Shift+Enter to initialize all windows in the screen.
Credit and Thanks: Triacontane
Terms of Use- Free for commercial and non-commercial use.
License - MIT License: http://opensource.org/licenses/mit-license.php
You can download js file from the thread attachment or Dropbox link: https://www.dropbox.com/s/9n9vmb9nvg2k7gp/GraphicalDesignMode.js?dl=1
Downloads / Referenced Files
Log in to download
Log in, then follow the RPG Maker Developers Group to see these download links.
Log in to downloadLicense / Terms Note
Credit and Thanks: Triacontane Terms of Use- Free for commercial and non-commercial use. License - MIT License: http://opensource.org/licenses/mit-license.php You can download js file from the thread attachment or Dropbox link: https://www.dropbox.com/s/9n9vmb9nvg2k7gp/GraphicalDesignMode.js?dl=1
Creator Claims / Removal
If you are the original creator and want this listing reassigned, edited, or removed, join BMMPlay and contact the moderators with proof that matches the original RPG Maker Web profile, linked GitHub, itch.io page, or another public creator identity.
Replies (0)
No replies yet.
Topic Summary
Loading summary...