- Joined
- Mar 4, 2021
- Messages
- 9
- Reaction score
- 3
- First Language
- English
- Primarily Uses
- RMMZ
Hi there, hopefully this is a quick fix for you JS pros out there. I know enough to know what I'm looking at usually, but not enough to know how to fix things.
I'm using the Yanfly ItemsEquipsCore plugin and have a weird misalignment with stats shown on the the equip screen.
The two extra lines at the top do not interact with any parameters for my actors that I am aware of and they are just kind of...there. All other stats work correctly and are aligned correctly. How can I remove those first two lines? I'm fairly certain the JS: Parameter Lower settings are the issue, since that is what governs the section beneath the actor face and main stats. I've plugged in the screen image below and the JS that I suspect is the issue.
I'm still really new to RPG Maker as a whole and just barely above noob with JS, so I'm sorry if this is one of those silly easy questions.
Thank you!

// Declare variables
const params = this.actorParams();
const lineHeight = this.lineHeight();
const padding = this.itemPadding();
const baseX = 0;
const baseY = this.innerHeight - params.length * lineHeight;
const baseWidth = this.innerWidth;
const valueFontSize = this.paramValueFontSize();
// Calculate Widths
let paramNameWidth = Math.max(...params.map(param => this.textWidth(TextManager.param(param))));
paramNameWidth += padding * 2;
if (this.isUseParamNamesWithIcons()) {
paramNameWidth += ImageManager.iconWidth + 4;
}
let arrowWidth = this.rightArrowWidth();
const totalDivides = this.innerWidth >= 500 ? 3 : 2;
let paramValueWidth = Math.floor((baseWidth - paramNameWidth - arrowWidth) / totalDivides);
paramNameWdth = baseWidth - (paramValueWidth * totalDivides) - arrowWidth;
// Draw Parameters
let x = baseX;
let y = baseY;
let value = 0;
let diffValue = 0;
let alter = 2;
for (const paramId of params) {
// Draw Param Name
this.drawItemDarkRect(x, y, paramNameWidth, lineHeight, alter);
this.drawUpdatedParamName(paramId, x, y, paramNameWidth);
this.resetFontSettings();
x += paramNameWidth;
// Draw Param Before
this.contents.fontSize = valueFontSize;
this.drawItemDarkRect(x, y, paramValueWidth, lineHeight, alter);
this.drawUpdatedBeforeParamValue(paramId, x, y, paramValueWidth);
this.resetFontSettings();
x += paramValueWidth;
// Draw Arrow
this.drawItemDarkRect(x, y, arrowWidth, lineHeight, alter);
this.drawRightArrow(x, y);
x += arrowWidth;
// Draw Param After
this.contents.fontSize = valueFontSize;
this.drawItemDarkRect(x, y, paramValueWidth, lineHeight, alter);
this.drawUpdatedAfterParamValue(paramId, x, y, paramValueWidth);
x += paramValueWidth;
// Draw Param Change
if (totalDivides > 2) {
this.drawItemDarkRect(x, y, paramValueWidth, lineHeight, alter);
this.drawUpdatedParamValueDiff(paramId, x, y, paramValueWidth);
}
// Prepare Next Parameter
x = baseX;
y += lineHeight;
alter = alter === 2 ? 1 : 2;
}
I'm using the Yanfly ItemsEquipsCore plugin and have a weird misalignment with stats shown on the the equip screen.
The two extra lines at the top do not interact with any parameters for my actors that I am aware of and they are just kind of...there. All other stats work correctly and are aligned correctly. How can I remove those first two lines? I'm fairly certain the JS: Parameter Lower settings are the issue, since that is what governs the section beneath the actor face and main stats. I've plugged in the screen image below and the JS that I suspect is the issue.
I'm still really new to RPG Maker as a whole and just barely above noob with JS, so I'm sorry if this is one of those silly easy questions.
Thank you!

// Declare variables
const params = this.actorParams();
const lineHeight = this.lineHeight();
const padding = this.itemPadding();
const baseX = 0;
const baseY = this.innerHeight - params.length * lineHeight;
const baseWidth = this.innerWidth;
const valueFontSize = this.paramValueFontSize();
// Calculate Widths
let paramNameWidth = Math.max(...params.map(param => this.textWidth(TextManager.param(param))));
paramNameWidth += padding * 2;
if (this.isUseParamNamesWithIcons()) {
paramNameWidth += ImageManager.iconWidth + 4;
}
let arrowWidth = this.rightArrowWidth();
const totalDivides = this.innerWidth >= 500 ? 3 : 2;
let paramValueWidth = Math.floor((baseWidth - paramNameWidth - arrowWidth) / totalDivides);
paramNameWdth = baseWidth - (paramValueWidth * totalDivides) - arrowWidth;
// Draw Parameters
let x = baseX;
let y = baseY;
let value = 0;
let diffValue = 0;
let alter = 2;
for (const paramId of params) {
// Draw Param Name
this.drawItemDarkRect(x, y, paramNameWidth, lineHeight, alter);
this.drawUpdatedParamName(paramId, x, y, paramNameWidth);
this.resetFontSettings();
x += paramNameWidth;
// Draw Param Before
this.contents.fontSize = valueFontSize;
this.drawItemDarkRect(x, y, paramValueWidth, lineHeight, alter);
this.drawUpdatedBeforeParamValue(paramId, x, y, paramValueWidth);
this.resetFontSettings();
x += paramValueWidth;
// Draw Arrow
this.drawItemDarkRect(x, y, arrowWidth, lineHeight, alter);
this.drawRightArrow(x, y);
x += arrowWidth;
// Draw Param After
this.contents.fontSize = valueFontSize;
this.drawItemDarkRect(x, y, paramValueWidth, lineHeight, alter);
this.drawUpdatedAfterParamValue(paramId, x, y, paramValueWidth);
x += paramValueWidth;
// Draw Param Change
if (totalDivides > 2) {
this.drawItemDarkRect(x, y, paramValueWidth, lineHeight, alter);
this.drawUpdatedParamValueDiff(paramId, x, y, paramValueWidth);
}
// Prepare Next Parameter
x = baseX;
y += lineHeight;
alter = alter === 2 ? 1 : 2;
}