RMMZ VisuStella MainMenuCore - Extra Stats Font Size

[Willibab]

I have already changed a couple of things but I cant seem to find out how to change the font of the parameter names. There are two places in the script which references fonts, one doesn't appear to do anything and the other changes the number size. I'm assuming its a scaling thing which I have no clue how to change.



Here's the code for the Visustella MainMenuCore -> List Style Settings -> Default (Which I am using)

Spoiler: Code

// Declare Constants
const actor = arguments[0];
const rect = arguments[1];

// Draw Actor Graphic
const gx = rect.x + (this.graphicType() === 'face' ? 1 : 0);
const gy = rect.y + (this.graphicType() === 'face' ? 1 : 0);
const gw = Math.min(rect.width, ImageManager.faceWidth);
const gh = Math.min(rect.height, ImageManager.faceHeight);
this.drawActorGraphic(actor, gx, gy, gw, gh);

// Draw Status Stuff
const sx = rect.x + 180;
const sy = rect.y + rect.height / 2 - this.lineHeight() * 2;
const lineHeight = this.lineHeight();
const sx2 = sx + 180;
this.drawActorName(actor, sx, sy + lineHeight * 1.5);
this.drawActorLevel(actor, sx, sy + lineHeight * 1);
this.drawActorIcons(actor, sx, sy + lineHeight * 2);
this.drawActorClass(actor, sx2, sy);
this.contents.fontSize -= 4;

// Place Gauges
const sy2 = sy + lineHeight;
const gaugeLineHeight = this.gaugeLineHeight();
this.placeGauge(actor, "hp", sx2, sy2);
this.placeGauge(actor, "mp", sx2, sy2 + gaugeLineHeight);
const roomForTp = (sy2 + gaugeLineHeight * 3) <= rect.y + rect.height;
if ($dataSystem.optDisplayTp && roomForTp) {
this.placeGauge(actor, "tp", sx2, sy2 + gaugeLineHeight * 2);
}

// Following Requires VisuStella MZ's Core Engine
// Draw Additional Parameter Data if Enough Room
const sx3 = sx2 + 180;
const sw = rect.width - sx3 - 2;
if (Imported.VisuMZ_0_CoreEngine && sw >= 300) {
const params = VisuMZ.CoreEngine.Settings.Param.DisplayedParams;
const pw = Math.floor(sw / 2) - 32;
let px = sx3;
let py = rect.y + Math.floor((rect.height - (Math.ceil(params.length / 2) * gaugeLineHeight)) / 2);
let counter = 0;
for (const param of params) {
this.resetFontSettings();
this.drawParamText(px, py, pw, param, true);
this.resetTextColor();
this.contents.fontSize -= 3;
const paramValue = actor.paramValueByName(param, true);
this.contents.drawText(paramValue, px, py, pw, gaugeLineHeight, 'right');
counter++;
if (counter % 2 === 0) {
px = sx3;
py += gaugeLineHeight;
} else {
px += pw + 32;
}
}
}

Or perhaps I need to adjust it elsewhere?

 

[Parallax Panda]

I can’t really help you but I’d like to know how you made your menu look like that in the first place with the Visustella Plugin(s)?

Mostly curious how you removed the HP/MP/SP gauges and replaced them with just numbers as it’s something I’ve wasted a loy of time trying to accomplish.

(Sorry to hi-jack your thread for my own question)

 

[Willibab]

I can’t really help you but I’d like to know how you made your menu look like that in the first place with the Visustella Plugin(s)?

Mostly curious how you removed the HP/MP/SP gauges and replaced them with just numbers as it’s something I’ve wasted a loy of time trying to accomplish.

(Sorry to hi-jack your thread for my own question)

Honestly don't recall, it was like 2 projects ago by now xD I basically just changed the code for the MainMenu plugin -> List Style Setting -> Default.

This is the code I had there when I abandoned it.

Spoiler: Code

// Declare Constants
const actor = arguments[0];
const rect = arguments[1];

// Draw Actor Graphic
const gx = rect.x + (this.graphicType() === 'face' ? 1 : 0);
const gy = rect.y + (this.graphicType() === 'face' ? 1 : 0);
const gw = Math.min(rect.width, ImageManager.faceWidth);
const gh = Math.min(rect.height, ImageManager.faceHeight);
this.drawActorGraphic(actor, gx, gy, gw, gh);

// Draw Status Stuff
sx = rect.x + 180;
sy = rect.y + rect.height / 2 - this.lineHeight() * 1.5;
lineHeight = this.lineHeight();
sx2 = sx + 180;
this.drawActorName(actor, sx, sy);
this.drawActorLevel(actor, sx, sy + lineHeight * 1);
this.drawActorIcons(actor, sx, sy + lineHeight * 2);
this.drawActorClass(actor, sx2, sy);

// Place Gauges
sy2 = sy + lineHeight;
gaugeLineHeight = this.gaugeLineHeight();
tw = rect.width / 7;
this.contents.fontSize -= 0;
this.contents.drawText("HP", sx2, sy2, tw, gaugeLineHeight, 'left');
this.contents.drawText(actor.hp + " / " + actor.mhp, sx2 + 40, sy2, tw, gaugeLineHeight, 'right');
sy2 += gaugeLineHeight;
this.contents.drawText("MP", sx2, sy2, tw, gaugeLineHeight, 'left');
this.contents.drawText(actor.mp + " / " + actor.mmp, sx2 + 40, sy2, tw, gaugeLineHeight, 'right');
if ($dataSystem.optDisplayTp)
sy2 += gaugeLineHeight;
this.contents.drawText("ST", sx2, sy2, tw, gaugeLineHeight, 'left');
this.contents.drawText(actor.tp, sx2 + 40, sy2, tw, gaugeLineHeight, 'right');
sx += 150;

// Following Requires VisuStella MZ's Core Engine
// Draw Additional Parameter Data if Enough Room
sx3 = sx2 + 220;
sw = rect.width - sx3 - 12;
if (Imported.VisuMZ_0_CoreEngine && sw >= 300) {
const params = VisuMZ.CoreEngine.Settings.Param.DisplayedParams;
const pw = Math.floor(sw / 2) - 24;
let px = sx3;
let py = rect.y + Math.floor((rect.height - (Math.ceil(params.length / 2) * gaugeLineHeight)) / 2);
let counter = 0;
for (const param of params) {
this.resetFontSettings();
this.drawParamText(px, py, pw, param, true);
this.resetTextColor();
this.contents.fontSize -= 2;
const paramValue = actor.paramValueByName(param, true);
this.contents.drawText(paramValue, px, py, pw, gaugeLineHeight, 'right');
counter++;
if (counter % 2 === 0) {
px = sx3;
py += gaugeLineHeight;
} else {
px += pw + 24;
}
}
}

 

[NaosoX]

I can’t really help you but I’d like to know how you made your menu look like that in the first place with the Visustella Plugin(s)?

Mostly curious how you removed the HP/MP/SP gauges and replaced them with just numbers as it’s something I’ve wasted a loy of time trying to accomplish.

(Sorry to hi-jack your thread for my own question)

https://forums.rpgmakerweb.com/inde...-tp-numbers-in-main-menu.146871/#post-1268748