Graphical Design Mode

じ☆ve冰风

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.
                Code:       

1. \\AL[left]   # Left align (If blank, left)
2. \\AL[0]      # Same as above
3. \\AL[center] # Center
4. \\AL[1]      # Same as above
5. \\AL[right]  # Right align
6. \\AL[2]      # Same as above

复制代码

Plugin Commands
                Code:       

1. unlock_message

复制代码

Temporarily cancel the message window position change.
-
                Code:       

1. lock_message

复制代码

Re-enable message window repositioning.
-
                Code:       

1. unlock_choice

复制代码

Temporarily cancel the position change of the choice window.
-
                Code:       

1. lock_choice

复制代码

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


本贴来自国际rpgmaker官方论坛作者:ovate处,因国际论坛即将永久关站,为了存档多年珍贵资料,署名转载到本论坛存档,由于官方帖子为英文原帖，需要中文翻译请点击论坛顶部切换语言为中文就可以将帖子翻译成中文浏览,方便大家随时查看,原文地址：https://forums.rpgmakerweb.com/threads/graphical-design-mode.115531/