【CSSプラグイン】PawStyler.js

[uynet]

PawStyler.js
ウィンドウをCSSで編集できるプラグインです。BOOTHで無料で配布しています。

【無料】【CSSプラグイン】/ RPGツクールMZ - ゆい倉庫 - BOOTH

RPGツクールのウィンドウのスタイル(幅、高さ、位置、パディング等)をcssファイルで調整できるプラグイン「PawStyler」です。 ホットリロード機能があり、リアルタイムに変更が反映されます。 スタイルの設定には別途cssファイルが必要です。サンプルファイルを添付しています。 スタイルの指定方法は画像3枚目およびプラグイン説明をご確認ください。 また、別プラグイン「SCM-Editor(別売り)」と組み合わせることで、SCM-Editorで制作したウィンドウのスタイルを変更することも可能です。(上書きされるため競合に注意して使用してください。) ■SCM-Editor

studio-uy.booth.pm

 

[uynet]

・セレクタについて
ウィンドウのクラス名をそのままcssのクラス名として指定します。
例：
.Window_Message {
top:0px;
}
なので、第三者プラグインで作成されたウィンドウにも適用することができます。
例：▼スキル付け替えシステム（うなぎおおとろ様作） - AbilitySystem.js

スキル付け替えシステム - #ツクプラMZ

アクターごとにスキルを持たせておいて、その中からいくつか選んで装備するというようなシステムを導入することができます。

plugin-mz.fungamemake.com

/* スキル付け替えプラグイン用*/
.Window_StatusAbility {
--itemHeight: -10px;
top: 0px;
height: 100px;
}

 

[uynet]

また、#でIDを指定することができます。これは別プラグインSceneCustomMenuで作成されたウィンドウのIDに対応します。
(詳細に書くと、ウィンドウインスタンスのthis._data.Idに対応しています)
例：
#status1 {
padding: 4px;
left: 16px;
height: 84px;
}

【自作メニュー作成プラグイン】SCM-Editorで作成されたウィンドウにも対応しています。

【自作メニュー作成プラグイン】SCM-Editor / RPGツクールMZ - ゆい倉庫 - BOOTH

SCM-EditorはRPGツクールの自作メニューをグラフィカルに制作できるエディタです。 ※ RPGツクールは、株式会社Gotcha Gotcha Gamesの登録商標です。

studio-uy.booth.pm

 

[uynet]

設定できるプロパティについて

プロパティ名	説明
top	画面上端を原点としたウィンドウのy座標 例：100 , 100px , center(中央寄せ)
bottom	画面下端からのウィンドウ位置
left	画面左端からのウィンドウ位置
right	画面右端からのウィンドウ位置
width	ウィンドウ幅
height	ウィンドウ高さ
padding	パディング
line-height	行の高さ
font-size	文字の大きさ
z-index	ウィンドウが重なっているとき、z-indexの大きいウィンドウが優先して描画されます
--_isWindow	ウィンドウが重なっているとき、余白部分を透過します
--itemHeight	行の高さ
--itemPadding
--itemWidth
--backSprite	"true" / "false" 指定 ウィンドウ背景の透過を切り替えます。
--frameVisible	"true" / "false" を指 ウィンドウ枠の透過を切り替えます。
--image	背景画像を設定します。