Help with custom menu development

[jordanblake]

Hello everyone, i'm working on "Custom menu" for my game but, i need some help to making this work...

1. I'm working on my screen 1440x900 but of course my menu isn't responsive so i need some help to fix that ( i want to keep the windows in the center of the screen always) , but i want to leave the windows size like that.

2. Insert Exp Bar at the right side of Lv text because i dont want to show the MP bar and tp bar.

3.Show the game time.

thanks a lot.

Plugin link:

https://www.dropbox.com/s/56bo1rpd0vug61m/JB_Menu.js?dl=0

Picture:

Picture added

 

[Fornoreason1000]

you menu doesn't work because of line 79 where you call DrawExpInfo and then supply incorrect parameters for it. This actually caused an error for me. It doesn't do what you need it to so we should get rid of it.
We can create our own exp function later.

//this.drawExpInfo(actor, x, y + lineHeight * 2);  //This does something else, lets ignore

okay with the gold window you need to edit the "refresh" command to tell it to show the game play time.

Window_Gold.prototype.refresh = function() {
    var x = this.textPadding();
    var width = this.contents.width - this.textPadding() * 2;
    this.contents.clear();
    this.drawCurrencyValue(this.value(), this.currencyUnit(), x, 0, width); //draws gold
    //draws playtime text
    this.drawText($gameSystem.playtimeText(), x, this.lineHeight(1), width);
 
};

now the EXP bars are just like the HP/TP/MP bars. but you also want to create a new function in Game_Actor to calculate the exp ratio for the actor. remember MV retains exp level separately for each class.

//new fucntion, Creates an Exp bar and display's its values.
Window_Base.prototype.drawActorExp= function(actor, x, y, width) {
    width = width || 186;
    var color1 = rgb(18, 215, 252);
    var color2 = rgb(18, 153, 194);
    this.drawGauge(x, y, width, actor.expRatio(), color1, color2);
    this.changeTextColor(this.systemColor());
    this.drawText("EXP", x, y, 44);
    this.drawCurrentAndMax(actor.exp, actor.mhp, x, y, width,
                           this.hpColor(actor), this.normalColor());
};
// new function, returns percentage of exp for next level
Game_Actor.prototype.expRatio = function() {
var expAboveLevel = this.currentLevelExp() - this.currentExp();
var Leveldenominator = this.nextLevelExp() - this.currentLevelExp();
return (expAboveLevel / Leveldenominator);
}

This won't change the position of the windows but should add the stuff you wanted and remove that error i had., not even sure if it will work but it gives you the general idea about going about it. I picked the colors randomly.

also in you js file i noticed you had \@Helpand @Plugindesc.... RPGmaker MV doesn't like capitals here