Graphical Design Mode

tale

Volunteer
Veteran
Joined
Dec 16, 2016
Messages
662
Reaction score
1,127
First Language
English
Primarily Uses
N/A
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:
\\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 above
Plugin Commands
Code:
unlock_message
Temporarily cancel the message window position change.
-
Code:
lock_message
Re-enable message window repositioning.
-
Code:
unlock_choice
Temporarily cancel the position change of the choice window.
-
Code:
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
 

Attachments

Last edited:

Eliaquim

Hakuen Studio
Veteran
Joined
May 22, 2018
Messages
1,612
Reaction score
976
First Language
Portuguese - Br
Primarily Uses
RMMV
I think this is the best plugin ever made to adjust windows / UI.
And in my tries, it works better than the Srd Super Tolls Engine.
I had translated it to English, but with google translate. Also, I want(someday) to make a great tutorial for this.
It's incredible.
Thanks to bring this, with some explanation to the community.
=)
 

DigitalWF

Veteran
Veteran
Joined
Apr 13, 2020
Messages
208
Reaction score
53
First Language
English
Primarily Uses
RMMV
Oh god it took me 3 hours to finally find this plugin to as SRDUDE Super tools replacement
 

DigitalWF

Veteran
Veteran
Joined
Apr 13, 2020
Messages
208
Reaction score
53
First Language
English
Primarily Uses
RMMV
is it possible to change dialogue window box size and put it in middle with this plugin? If yes how to do it? this plugin is conflicting with Yanfly Message Core, I cannot change the x position of the dialogue box with this plugin and yanfly message running together

Update : Never mind,it is fixed. Thanks!
 
Last edited:

harvvvvv

Villager
Member
Joined
Aug 17, 2018
Messages
17
Reaction score
2
First Language
English
Primarily Uses
RMMV
Where do you put your control characters (\\AL[0], etc)? Is this somewhere in the ContainerProperties.js or are these just for text boxes in the editor?
 

tale

Volunteer
Veteran
Joined
Dec 16, 2016
Messages
662
Reaction score
1,127
First Language
English
Primarily Uses
N/A
You can insert control characters by editing GraphicalDesignMode.js

Starting on line 274 - line 379

Put control characters for lines inside brackets of windows
If you intend to make another window with a message on them

Example-

Code:
            windows : [

                {lines: ['hello\\AL[center]'], switchId: 0},

            ],
If anyone want to add pictures for their windows-
put the image inside img/pictures/ folder and under under lines of picture

Code:
            pictures: [

                {file: '', switchId: 0},

            ],
Specify the image file inside ' '

-

There have been few plugin updates since I last posted about this.

I'll look into sharing the recent version and translate extra instructions. Might take a week.
 

Xntraxz

Villager
Member
Joined
Jun 7, 2018
Messages
14
Reaction score
1
First Language
Spanish
Primarily Uses
RMMV
i cant save the changes, it just restart :c
 

PauloHPBender

Delirious Storyteller
Veteran
Joined
Oct 16, 2015
Messages
92
Reaction score
22
First Language
Portuguese
Primarily Uses
N/A
Incredible work, my most sincere congratulations!
Gotta asyou though, is there any way to change a window's number of collumns?
 
Last edited:

tale

Volunteer
Veteran
Joined
Dec 16, 2016
Messages
662
Reaction score
1,127
First Language
English
Primarily Uses
N/A
If you mean the English translation, I think I did okay. I'm not plugin creator.

You could adjust Line Height of certain windows with MPP_WindowPropertyCustom.
https://forums.rpgmakerweb.com/index.php?threads/mpp_windowpropertycustom.91173/

I'm not sure if it works with latest MV build or check for plugin compatibility.

I'll just take my time with translation update of recent version, it's not a top priority atm.
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Latest Threads

Latest Posts

Latest Profile Posts

I FINALLY DID IT! 5 years making my very first game and I just officially released it on STEAM..... OMG..... I can say I finished a game! The feelings!!!!!
Stream will be live shortly! I am going to be playing some Among Us! Feel free to drop by!
Ami
tv program always get the ratings (it's the reason why drama series has 1000+ episode),also full and nonsense of censorship (weird blur, a scene getting cut because the unconvenient viewer,but it unconvenient to me either. you never see what the original is)

i know the reason is to take cover the viewer from the negative thing,but i just laughing and mocking of them that they're always suck :guffaw:
Star Chart Idea - Just something I am working on.
My sister learned spanish the old fashioned way and saw my way of conjugating. I don't use the formal method and just wing it. I thought her heart might explode. Apparently, different words use different endings. Weird part is even though I never learned the difference, I still can tell when the endings "look wrong".

Forum statistics

Threads
104,442
Messages
1,006,371
Members
135,960
Latest member
impfenden
Top