Leere Fläche zwischen Icons entfernen

_NESS · 9. Juli 2020

Hallo zusammen,

ich bräuchte mal wieder eure Hilfe...

Mir reichen leider die 32x32-Icons des RPG-Makers nicht aus also dachte ich, ich erstelle die Bilder für Items aus einzelnen Icons und lasse sie dann, wie z.B. in den "Tales of ..."-Spielen in der Hilfe-Textbox anzeigen:

Hat auch alles soweit geklappt, außer dass zwischen den Icons jeweils ein Abstand von 4 Pixeln angezeigt wird... Kennt hier jemand eine Möglichkeit, diesen Abstand zu entfernen, so dass die Icons "auf Press" genau nebeneinander als zusammenhängendes Bild angezeigt werden?

Die Eingabe für die Icon-Anzeige ( \i[xxx] ) habe ich ohne Leerzeichen gemacht.

Mit dem "ItemCore" von Yanfly habe ich es bereits probiert, nur zeigt mir dieses Plugin zu viele zusätzliche Infos im Menü an, die man leider nicht ausblenden kann...

Vielen Dank vorab!

Mr. Fu · 9. Juli 2020

Weißt du wie man Plugins erstellt? Falls ja, schreibe folgendes in ein neues Plugin:

Code

Window_Base.prototype.processDrawIcon = function(iconIndex, textState) {
this.drawIcon(iconIndex, textState.x + 2, textState.y + 2);
textState.x += Window_Base._iconWidth;
};
Window_Base.prototype.calcTextHeight = function(textState, all) {
var lastFontSize = this.contents.fontSize;
var textHeight = 0;
var lines = textState.text.slice(textState.index).split('\n');
var maxLines = all ? lines.length : 1;
for (var i = 0; i < maxLines; i++) {
var maxFontSize = this.contents.fontSize;
var regExp = /\x1b[\{\}]/g;
for (;;) {
var array = regExp.exec(lines[i]);
if (array) {
if (array[0] === '\x1b{') {
this.makeFontBigger();
}
if (array[0] === '\x1b}') {
this.makeFontSmaller();
}
if (maxFontSize < this.contents.fontSize) {
maxFontSize = this.contents.fontSize;
}
} else {
break;
}
}
textHeight += maxFontSize;
}
this.contents.fontSize = lastFontSize;
return textHeight;
};

Alles anzeigen

Das sollte es beheben. Habe es aber nicht getestet. Falls das funktioniert, hast du aber auch keinen Abstand zwischen den Zeilen mehr. Also auch die Buchstaben können an ihren Ober- und Unterkanten anliegen.

_NESS · 9. Juli 2020

Ah, vielen Dank.

Das werde ich mal versuchen.

Kann man das eventuell Einschränken, dass sich das Löschen vom Abstand nur auf den ersten Abstand in einer Zeile bezieht? ?

Mr. Fu · 9. Juli 2020

Ja, möglich ist das sicher. Allerdings muss dafür schon mehr am Code geändert werden. Dafür habe ich aktuell leider keine Zeit.

_NESS · 9. Juli 2020

Kein Problem, dass es wahrscheinlich klappt hilft mir da schon weiter.

Vielen Dank für deine Antwort und das Plugin!

_NESS · 12. Juli 2020

Mr. Fu - vielen lieben dank nochmal. Wollte kurz nochmal Rückmeldung geben, das klappt auch ohne, dass zusätzlich an deinem Plugin etwas gemacht werden muss. Der Standardtext im RPG-Maker ist anscheinend ab Werk schon so gestaltet, dass er auch ohne die Abstände lesbar bleibt.

Mr. Fu · 12. Juli 2020

Lesbar ja, aber bei dem Fenster unten mit dem Testtext würde die Oberkante der zweiten Zeile (bei Großbuchstaben) direkt unter der Unterkante der ersten Zeile anfangen.

Falls das Fenster unten ein "Helpwindow" ist und du nur dort diese großen Icons brauchst, würde ich in Zeile 1 und 6

Code

Window_Base

durch

Code

Window_Help

ersetzen. Das hat den Vorteil, dass bei allen anderen Fenstern (auch bei normalen Gesprächen) der Zeilenabstand beibehalten bleibt.

_NESS · 13. Juli 2020

Mr. Fu - Danke für den Hinweis das man den Zeilenabstand auch nur in den "Help Windows" ersetzen kann. Ich benötige das tatsächlich nur dort.

Mir ist aber gerade noch etwas aufgefallen (sorry, dass ich deswegen so viel nerve...)

Mir ist das bei kleineren Bildern nicht auf Anhieb aufgefallen, aber bei größeren habe ich jetzt gesehen, dass die unteren Icons die Oberen wohl um 4 Pixel überlappen, also dass das "Gesamtbild" dann gestaucht ist...

Kann man das irgendwie noch einfach beheben, ohne dass ich die "Gesamtbilder" in der Mitte trennen und jeweils 4 Pixel nach unten versetzen muss?

Mr. Fu · 13. Juli 2020

Ersetze den Code von oben mal hiermit:

Code

Window_Help.prototype.processDrawIcon = function(iconIndex, textState) {
this.drawIcon(iconIndex, textState.x + 2, textState.y);
textState.x += this._iconWidth + 2;
};
Window_Help.prototype.calcTextHeight = function() {
return this._iconHeight;
};

_NESS · 13. Juli 2020

Wenn ich den kompletten Code ersetze oder nur die ersten 7 Zeilen und den Rest so belassen, wird mir im Helpwindow nur noch das erste Icon angezeigt, kein Text mehr oder sonstiges...

Mr. Fu · 13. Juli 2020

Oh, das ist ja doof. Du hast schon alles von oben ersetzt oder? Also dass nur noch die sieben Zeilen da sind. Dann probiere mal das hier.

Code

Window_Help.prototype.processDrawIcon = function(iconIndex, textState) {
this.drawIcon(iconIndex, textState.x + 2, textState.y);
textState.x += Window_Base._iconWidth;
};
Window_Help.prototype.calcTextHeight = function(textState, all) {
var lastFontSize = this.contents.fontSize;
var textHeight = 0;
var lines = textState.text.slice(textState.index).split('\n');
var maxLines = all ? lines.length : 1;
for (var i = 0; i < maxLines; i++) {
var maxFontSize = this.contents.fontSize;
var regExp = /\x1b[\{\}]/g;
for (;;) {
var array = regExp.exec(lines[i]);
if (array) {
if (array[0] === '\x1b{') {
this.makeFontBigger();
}
if (array[0] === '\x1b}') {
this.makeFontSmaller();
}
if (maxFontSize < this.contents.fontSize) {
maxFontSize = this.contents.fontSize;
}
} else {
break;
}
}
textHeight += maxFontSize + 2;
}
this.contents.fontSize = lastFontSize;
return textHeight;
};

Alles anzeigen

_NESS · 13. Juli 2020

Hatte beide Varianten probiert - zuerst die ersten 7 Zeilen und danach dann alles.

Mit dem ganz neuen Code ist es nur noch um 2 Pixel überlappend -> also die Icons sind 64px breit (so wie es sein soll) und 62px hoch:

Mr. Fu · 13. Juli 2020

Ok, dann das in Zeile 29:

Code

textHeight += maxFontSize + 4;

_NESS · 13. Juli 2020

Ja, funktioniert zu 100%

Vielen lieben Dank nochmal!

Leere Fläche zwischen Icons entfernen

Teilen

2 Benutzer haben hier geschrieben