ページ 11

【解決】メニュー画面にできる隙間をなくしたい

Posted: 2021年1月09日(土) 20:08
by 小梅2007
こんにちは。
お世話になります。
今回は、メニュー画面のレイアウト(?)について質問させてください。

【質問】
 現在、メニュー画面におけるプラグインに、AltMenuScreen2.js と EraseGoldWindow.js を使用
 しています。AltMenuScreen2.js は、トリアコンタン様が問題箇所を修正したものを使用してい
 ます。さうと様の EraseGoldWindow.js は、自分の作っているゲームにお金の概念がないため、
 使用しています。

 神無月サスケ様が制作、トリアコンタン様が修正された AltMenuScreen2.js
 https://docs.google.com/spreadsheets/d/ ... 1092876965

 さうと様の EraseGoldWindow.js
 https://shirakamisauto.hatenablog.com/e ... /12/153157

 これら二つを併用すると、添付画像のように隙間ができてしまいます。
 この隙間をなくしたいと考え、トリアコンタン様の GraphicalDesignMode.js を使用し、隙間を
 埋めようとしてみましたが、結局、隙間を埋めることはできませんでした。

 トリアコンタン様の GraphicalDesignMode.js 
 https://triacontane.blogspot.com/2016/03/gui.html

 この隙間を埋めるにはどうしたらいいでしょうか。

隙間ができた状態だと、少し不自然に見えてしまうので、どうにかして改善したいです。 
どなたかわかる方がいらっしゃいましたら、教えていただけると大変助かります。


 
 

 

Re: メニュー画面にできる隙間をなくしたい

Posted: 2021年1月09日(土) 21:45
by ecf5DTTzl6h6lJj02
こんばんは。
小梅2007 さんが書きました:こんにちは。
お世話になります。
今回は、メニュー画面のレイアウト(?)について質問させてください。

【質問】
 現在、メニュー画面におけるプラグインに、AltMenuScreen2.js と EraseGoldWindow.js を使用
 しています。AltMenuScreen2.js は、トリアコンタン様が問題箇所を修正したものを使用してい
 ます。さうと様の EraseGoldWindow.js は、自分の作っているゲームにお金の概念がないため、
 使用しています。

 神無月サスケ様が制作、トリアコンタン様が修正された AltMenuScreen2.js
 https://docs.google.com/spreadsheets/d/ ... 1092876965

 さうと様の EraseGoldWindow.js
 https://shirakamisauto.hatenablog.com/e ... /12/153157

 これら二つを併用すると、添付画像のように隙間ができてしまいます。
 この隙間をなくしたいと考え、トリアコンタン様の GraphicalDesignMode.js を使用し、隙間を
 埋めようとしてみましたが、結局、隙間を埋めることはできませんでした。

 トリアコンタン様の GraphicalDesignMode.js 
 https://triacontane.blogspot.com/2016/03/gui.html

 この隙間を埋めるにはどうしたらいいでしょうか。

隙間ができた状態だと、少し不自然に見えてしまうので、どうにかして改善したいです。 
どなたかわかる方がいらっしゃいましたら、教えていただけると大変助かります。
AltmenuScreen2.js をテキストエディター等で開き、
133行目あたりにある、

コード: 全て選択

var h1 = this.fittingHeight(1);

コード: 全て選択

var h1 = SceneManager._scene._goldWindow.height;
に書き換えてください。(書き換える前に元のファイルは忘れずにバックアップを取っておいてください)

これで、ステータスウィンドウの高さが、(所持金)ウィンドウのあった部分まで伸びるはずです。
顔画像や、ステータスの表示位置は調整してませんので悪しからず。

Re: メニュー画面にできる隙間をなくしたい

Posted: 2021年1月10日(日) 09:32
by 小梅2007
返信ありがとうございます。
ご提示された方法を試してみたところ、無事に、隙間を埋めることができました :D

またこの先、メニュー画面に立ち絵を表示させたいのですが、どんな大きさの立ち絵を
用意したらいいでしょうか。

ご回答、よろしくお願いいたします。

Re: メニュー画面にできる隙間をなくしたい

Posted: 2021年1月10日(日) 10:22
by ecf5DTTzl6h6lJj02
小梅2007 さんが書きました:返信ありがとうございます。
ご提示された方法を試してみたところ、無事に、隙間を埋めることができました :D

またこの先、メニュー画面に立ち絵を表示させたいのですが、どんな大きさの立ち絵を
用意したらいいでしょうか。

ご回答、よろしくお願いいたします。
AltMenuScreen2 のプラグインヘルプに望ましいアクター立ち絵のサイズに関して記載があります。
高さは所持金ウィンドウの分増えていますので、記載されている数字に72を足してください。

Re: メニュー画面にできる隙間をなくしたい

Posted: 2021年1月10日(日) 12:16
by 小梅2007
了解しました。
では、記載されている数値は高さが444pxとなっていますので、それに72を足して、
516pxで立ち絵を作成したいと思います。

また分からないことがあったらお聞きするかもしれませんので、その時はよろしく
お願いいたします。

丁寧なご回答、ありがとうございました。

Re: 【解決】メニュー画面にできる隙間をなくしたい

Posted: 2021年1月10日(日) 16:06
by ecf5DTTzl6h6lJj02
こんにちは。
前回提示した、javaScript のコードにミスがありまして、
この状態で、スキルや装備等の画面を表示しようとすると 高さが未定義である という内容のエラーが出て止まってしまいます。
以下のコードに修正をしてください。

コード: 全て選択

        if($plugins.some(plugin => plugin.name === 'EraseGoldWindow' && plugin.status)){
            var h1 = 0;
        } else{
            var h1 = this.fittingHeight(1);
        }

Re: 【解決】メニュー画面にできる隙間をなくしたい

Posted: 2021年1月10日(日) 18:56
by 小梅2007
修正してみました。

コード: 全て選択

             Window_MenuStatus.prototype.windowHeight = function() {
                             if($plugins.some(plugin => plugin.name === 'EraseGoldWindow' && plugin.status)){
                        var h1 = 0;
                   } else{
                        var h1 = this.fittingHeight(1);
                   }     
                   var h2 = this.fittingHeight(rowsCommandWnd);
                   return Graphics.boxHeight - h1 - h2;
              };                        
上記のような感じでよろしいでしょうか。
 (上は132行目-140行目のコードです)

Re: 【解決】メニュー画面にできる隙間をなくしたい

Posted: 2021年1月10日(日) 20:51
by ecf5DTTzl6h6lJj02
こんばんは。
小梅2007 さんが書きました:修正してみました。

コード: 全て選択

             Window_MenuStatus.prototype.windowHeight = function() {
                             if($plugins.some(plugin => plugin.name === 'EraseGoldWindow' && plugin.status)){
                        var h1 = 0;
                   } else{
                        var h1 = this.fittingHeight(1);
                   }     
                   var h2 = this.fittingHeight(rowsCommandWnd);
                   return Graphics.boxHeight - h1 - h2;
              };                        
上記のような感じでよろしいでしょうか。
 (上は132行目-140行目のコードです)
はい。
おそらく、これで大丈夫だと思いますが、
きっちりとは確認していないので、申し訳ありませんが、
ご自身でもエラー等不具合が起こらないか、確認を行ってください。

Re: 【解決】メニュー画面にできる隙間をなくしたい

Posted: 2021年1月10日(日) 21:08
by 小梅2007
了解しました。

また困ったことがあったらお聞きするかもしれませんので、その時はよろしくお願い
いたします。

この度はありがとうございました :D