【無料】【CSSプラグイン】/ RPGツクールMZ

RPGツクールのウィンドウのスタイル(幅、高さ、位置、パディング等)をcssファイルで調整できるプラグイン「PawStyler」です。

ホットリロード機能があり、リアルタイムに変更が反映されます。

スタイルの設定には別途cssファイルが必要です。サンプルファイルを添付しています。

スタイルの指定方法は画像3枚目およびプラグイン説明をご確認ください。

また、別プラグイン「SCM-Editor(別売り)」と組み合わせることで、SCM-Editorで制作したウィンドウのスタイルを変更することも可能です。(上書きされるため競合に注意して使用してください。)

■SCM-Editor

https://studio-uy.booth.pm/items/6954068

PawStylerは実験的なプラグインです。

ウィンドウの座標を上書きする都合上、競合が多いため使用にはご注意ください。

-------------------------------------------------------

※紹介動画でホバーしたウィンドウがオレンジ色にハイライトされてますが、これは別プラグインによるものです。本プラグインには付属していません。

詳細

プラグイン本体のヘルプより抜粋

/*:

* @target MZ

* @author uynet

* @plugindesc CSSプラグイン

* @help

* ウィンドウのスタイルをCSSで設定します。RPGツクール標準のウィンドウだけでなく、第三者のプラグインにより作成されたウィンドウに対しても有効です。

*

* ・仕様

* Window_Baseを継承するすべてのウィンドウにcssを適用します。

* クラス名に対応するスタイルが適用されます。継承するウィンドウがある場合、継承元のプロパティを追加します。

* RPGツクールMZのコアスクリプトに含まれるクラスとその継承関係についてはこちらを参考にしてください。

* https://github.com/tonbijp/RPGMakerMZ/blob/master/Reference/Window_Base.md

*

* ■注意事項

* 他プラグインと競合した場合の挙動は未検証です。使用には十分注意してください。

*

* ■設定可能なプロパティ

* top

* left

* width

* height

* 座標および幅高さに対応します。pxを付けた値を指定しても動作します。

* 例：top:100px; / top:100;

*

* width:auto 、height:autoを指定すると自動でフィットされます。

*

* --_isWindow: boolean ... "false"を設定すると背景を透過するようになります。

* --itemPadding

* --itemHeight

* line-height

*

* ・Window_Selectableに適用

* columns ... 列数

* rows ... 行数

*

* ■その他(開発者向け)

* PawStyler.paramsとconsoleに打つと各種パラメータが設定できます。

*

* ■ホットリロード機能

* cssファイルの変更をゲーム中に動的に反映します。この機能は開発時のみ有効となります。

* (2秒に1度ファイルの変更が監視されます)

*

* @param cssPath

* @type text

* @default css/pawStyler.css

* @text cssのパス

* @desc cssファイルのパスを入力してください。

*

* @param cssMap

* @type struct<cssMap>[]

* @default []

* @text シーンごとのcssファイルのマッピング

* @desc シーン名に対応してcssファイルを読み込みます。指定がない場合はデフォルトのcssファイルが読み込まれます。

*

* @param useHotReload

* @type boolean

* @default true

* @text ホットリロード機能を使用

* @desc 【開発時のみ】有効にすると自動でcssファイルを2秒ごとに読み込み、変更があれば再描画します。開発時のみ有効となります。

*

* @command CLEAR_CACHE

* @text キャッシュの削除

* @desc cssファイルのキャッシュを削除します。 再読み込みの挙動に問題があれば使用してください。

*

* @command DISABLE

* @text 無効化

* @desc cssファイルの読み込みを無効化します。

*

* @command ENABLE

* @text 有効化

* @desc cssファイルの読み込みを有効化します。

*

* @command REFRESH

* @text リロード

* @desc cssファイルを再読み込みします。

*/

/*~struct~cssMap:

* @param sceneName

* @type select

* @default Scene_Map

* @text シーン名

* @desc 対応するシーン名を入力してください。一覧にない場合は直接入力。

* @default Scene_Menu

* @option タイトル

* @value Scene_Title

* @option マップ

* @value Scene_Map

* @option ゲームオーバー

* @value Scene_Gameover

* @option バトル

* @value Scene_Battle

* @option メインメニュー

* @value Scene_Menu

* @option アイテム

* @value Scene_Item

* @option スキル

* @value Scene_Skill

* @option 装備

* @value Scene_Equip

* @option ステータス

* @value Scene_Status

* @option オプション

* @value Scene_Options

* @option セーブ

* @value Scene_Save

* @option ロード

* @value Scene_Load

* @option ゲーム終了

* @value Scene_End

* @option ショップ

* @value Scene_Shop

* @option 名前入力

* @value Scene_Name

* @option デバッグ

* @value Scene_Debug

*

* @param cssPath

* @text cssのパス

* @default css/pawStyler.css

* @desc 対応するシーンで読み込むcssファイルのパスを入力してください。

* @desc

* シーン名に対応してcssファイルを読み込みます。指定がない場合はデフォルトのcssファイルが読み込まれます。

* @default

*/

既知の不具合

・コメントアウトがうまく機能しない

複数行のコメントアウトが正しく動作しない場合があります。一行ずつコメントアウトすると改善する場合があります。

・ホットリロード中、設定したプロパティを削除しても戻らない

ホットリロード中は動作が不安定になることがあります。一度リロードしてみると正しく表示される場合があります。

・プロパティの順番によって動作が異なる

一部のプロパティについては順番により挙動が変化する場合があります。

特に、width(幅)とleft(横位置)のプロパティ等がその例となっています。