カスタマイズ補助プラグイン（コンフィグ画面）

コンフィグ画面のUIを簡単に変更できるプラグインです。
スライダー、ラジオボタン、チェックボックス等の表示も可能になります。

サンプル

導入方法

ティラノスクリプト

step
1data/others/plugin に customConfig フォルダを格納します。

step
2first.ks の先頭で [plugin name="customConfig"] と記述し、プラグインを呼び出します。

step
3使用する画像ファイルを data/others/plugin/customConfig/image に格納します。

step
4ゲーム開始後に一度だけ通過する箇所にタグを記述します。

ティラノビルダー

step
1myproject/プロジェクト名/data/others に customConfig フォルダを格納します。

step
2myproject/プロジェクト名/data/scenario/sysytem/plugin.ks に以下を記述します。

step
3使用する画像ファイルを myproject/プロジェクト名/data/others/plugin/customConfig/image に格納します。

step
4title_screen.ks で ティラノスクリプトコンポーネント を追加し、以下を記述します。

タグ

[config]

コンフィグ画面の設定を開始します。

パラメータ名	値	デフォルト	説明
color	0xRRGGBB	0xFFFFFF	背景色を指定します。
opacity	数値	255	背景の不透明度を指定します。
bgimage	画像ファイル名	なし	背景画像を指定します。

[config_close]

閉じるボタンを表示します。

パラメータ名	値	デフォルト	説明
img	画像ファイル名	なし	背景画像を指定します。
enterimg	画像ファイル名	なし	背景画像を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
x	数値（px）	なし	画面左端からの位置を指定します。

[config_bgm]

BGMを表示します。[playbgm]で再生されているBGMが対象になります。

パラメータ名	値	デフォルト	説明
type	button / slider	なし	種類を指定します。
x	数値（px）	なし	画面左端からの位置を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
button_img	画像ファイル名	btn_value.png	（type=buttonの場合）ボタン画像を指定します。
button_enterimg	画像ファイル名	btn_value_enter.png	（type=buttonの場合）オンマウス時のボタン画像を指定します。
button_onimg	画像ファイル名	btn_value_onenter.png	（type=buttonの場合）選択済みのボタン画像を指定します。
button_margin	数値（px）	10	（type=buttonの場合）ボタン間の余白を指定します。
slider_bar_width	数値（px）	300	（type=sliderの場合）スライダーの幅を指定します。slider_bar_imgを指定している場合は、画像の幅を指定してください。
slider_bar_height	数値（px）	14	（type=sliderの場合）スライダーの高さを指定します。slider_bar_imgを指定している場合は、画像の高さを指定してください。
slider_bar_img	画像ファイル名	なし	（type=sliderの場合）スライダーの画像を指定します。
slider_bar_color	0xRRGGBB	0xAAAAAA	（type=sliderの場合）スライダーの色を指定します。
slider_bar_radius	数値（px）	10	（type=sliderの場合）スライダーの角丸を指定します。
slider_tab_width	数値（px）	30	（type=sliderの場合）タブの幅を指定します。slider_tab_imgを指定している場合は、画像の幅を指定してください。
slider_tab_height	数値（px）	30	（type=sliderの場合）タブの高さを指定します。slider_tab_imgを指定している場合は、画像の高さを指定してください。
slider_tab_img	画像ファイル名	なし	（type=sliderの場合）タブの画像を指定します。
slider_tab_color	0xRRGGBB	0x000000	（type=sliderの場合）タブの色を指定します。
slider_tab_radius	数値（px）	30	（type=sliderの場合）タブの角丸を指定します。
value	true / false	false	現在の値を表示するかを指定します。
value_x	数値（px）	なし	画面左端からの位置を指定します。
value_y	数値（px）	なし	画面上端からの位置を指定します。
value_width	数値（px）	50	幅を指定します。改行されてしまう場合は、この数値を上げてください。
value_face	フォント名	なし	フォント名を指定します。
value_bold	true / false	true	フォントを太字にするかを指定します。
value_size	数値（px）	14	フォントサイズを指定します。
value_color	0xRRGGBB	なし	フォントの色を指定します。
value_unit	テキスト	%	表示する数値の単位を指定します。
mute	true / false	false	ミュートボタンを表示するかを指定します。
mute_x	数値（px）	なし	画面左端からの位置を指定します。
mute_y	数値（px）	なし	画面上端からの位置を指定します。
mute_img	画像ファイル名	btn_value_mute.png	ボタン画像を指定します。
mute_enterimg	画像ファイル名	btn_value_mute_enter.png	オンマウス時のボタン画像を指定します。
mute_onimg	画像ファイル名	btn_value_mute_on.png	選択済みのボタン画像を指定します。
mute_onenterimg	画像ファイル名	btn_value_mute_on_enter.png	選択済みのボタンにオンマウス時の画像を指定します。

[config_se]

SEを表示します。[playse]で再生されているSEが対象になります。

パラメータ名	値	デフォルト	説明
type	button / slider	なし	種類を指定します。
buf	数値	なし	対象のbufを指定します。複数指定する場合は、カンマ区切りにします。（例：buf="1,2,3"）
x	数値（px）	なし	画面左端からの位置を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
button_img	画像ファイル名	btn_value.png	（type=buttonの場合）ボタン画像を指定します。
button_enterimg	画像ファイル名	btn_value_enter.png	（type=buttonの場合）オンマウス時のボタン画像を指定します。
button_onimg	画像ファイル名	btn_value_onenter.png	（type=buttonの場合）選択済みのボタン画像を指定します。
button_margin	数値（px）	10	（type=buttonの場合）ボタン間の余白を指定します。
slider_bar_width	数値（px）	300	（type=sliderの場合）スライダーの幅を指定します。slider_bar_imgを指定している場合は、画像の幅を指定してください。
slider_bar_height	数値（px）	14	（type=sliderの場合）スライダーの高さを指定します。slider_bar_imgを指定している場合は、画像の高さを指定してください。
slider_bar_img	画像ファイル名	なし	（type=sliderの場合）スライダーの画像を指定します。
slider_bar_color	0xRRGGBB	0xAAAAAA	（type=sliderの場合）スライダーの色を指定します。
slider_bar_radius	数値（px）	10	（type=sliderの場合）スライダーの角丸を指定します。
slider_tab_width	数値（px）	30	（type=sliderの場合）タブの幅を指定します。slider_tab_imgを指定している場合は、画像の幅を指定してください。
slider_tab_height	数値（px）	30	（type=sliderの場合）タブの高さを指定します。slider_tab_imgを指定している場合は、画像の高さを指定してください。
slider_tab_img	画像ファイル名	なし	（type=sliderの場合）タブの画像を指定します。
slider_tab_color	0xRRGGBB	0x000000	（type=sliderの場合）タブの色を指定します。
slider_tab_radius	数値（px）	30	（type=sliderの場合）タブの角丸を指定します。
value	true / false	false	現在の値を表示するかを指定します。
value_x	数値（px）	なし	画面左端からの位置を指定します。
value_y	数値（px）	なし	画面上端からの位置を指定します。
value_width	数値（px）	80	幅を指定します。改行されてしまう場合は、この数値を上げてください。
value_face	フォント名	なし	フォント名を指定します。
value_bold	true / false	true	フォントを太字にするかを指定します。
value_size	数値（px）	14	フォントサイズを指定します。
value_color	0xRRGGBB	なし	フォントの色を指定します。
value_unit	テキスト	%	表示する数値の単位を指定します。
mute	true / false	false	ミュートボタンを表示するかを指定します。
mute_x	数値（px）	なし	画面左端からの位置を指定します。
mute_y	数値（px）	なし	画面上端からの位置を指定します。
mute_img	画像ファイル名	btn_value_mute.png	ボタン画像を指定します。
mute_enterimg	画像ファイル名	btn_value_mute_enter.png	オンマウス時のボタン画像を指定します。
mute_onimg	画像ファイル名	btn_value_mute_on.png	選択済みのボタン画像を指定します。
mute_onenterimg	画像ファイル名	btn_value_mute_on_enter.png	選択済みのボタンにオンマウス時の画像を指定します。

[config_text]

テキスト表示速度を表示します。

パラメータ名	値	デフォルト	説明
type	button / slider	なし	種類を指定します。
init	数値（5～100）	20	初期値を指定します。
x	数値（px）	なし	画面左端からの位置を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
button_img	画像ファイル名	btn_value.png	（type=buttonの場合）ボタン画像を指定します。
button_enterimg	画像ファイル名	btn_value_enter.png	（type=buttonの場合）オンマウス時のボタン画像を指定します。
button_onimg	画像ファイル名	btn_value_onenter.png	（type=buttonの場合）選択済みのボタン画像を指定します。
button_margin	数値（px）	10	（type=buttonの場合）ボタン間の余白を指定します。
slider_bar_width	数値（px）	300	（type=sliderの場合）スライダーの幅を指定します。slider_bar_imgを指定している場合は、画像の幅を指定してください。
slider_bar_height	数値（px）	14	（type=sliderの場合）スライダーの高さを指定します。slider_bar_imgを指定している場合は、画像の高さを指定してください。
slider_bar_img	画像ファイル名	なし	（type=sliderの場合）スライダーの画像を指定します。
slider_bar_color	0xRRGGBB	0xAAAAAA	（type=sliderの場合）スライダーの色を指定します。
slider_bar_radius	数値（px）	10	（type=sliderの場合）スライダーの角丸を指定します。
slider_tab_width	数値（px）	30	（type=sliderの場合）タブの幅を指定します。slider_tab_imgを指定している場合は、画像の幅を指定してください。
slider_tab_height	数値（px）	30	（type=sliderの場合）タブの高さを指定します。slider_tab_imgを指定している場合は、画像の高さを指定してください。
slider_tab_img	画像ファイル名	なし	（type=sliderの場合）タブの画像を指定します。
slider_tab_color	0xRRGGBB	0x000000	（type=sliderの場合）タブの色を指定します。
slider_tab_radius	数値（px）	30	（type=sliderの場合）タブの角丸を指定します。
value	true / false	false	現在の値を表示するかを指定します。
value_x	数値（px）	なし	画面左端からの位置を指定します。
value_y	数値（px）	なし	画面上端からの位置を指定します。
value_width	数値（px）	50	幅を指定します。改行されてしまう場合は、この数値を上げてください。
value_face	フォント名	なし	フォント名を指定します。
value_bold	true / false	true	フォントを太字にするかを指定します。
value_size	数値（px）	14	フォントサイズを指定します。
value_color	0xRRGGBB	なし	フォントの色を指定します。
value_unit	テキスト	ms	表示する数値の単位を指定します。

[config_auto]

オートモード速度を表示します。

パラメータ名	値	デフォルト	説明
type	button / slider	なし	種類を指定します。
init	数値（500～5000、500毎）	1500	初期値を指定します。
x	数値（px）	なし	画面左端からの位置を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
button_img	画像ファイル名	btn_value.png	（type=buttonの場合）ボタン画像を指定します。
button_enterimg	画像ファイル名	btn_value_enter.png	（type=buttonの場合）オンマウス時のボタン画像を指定します。
button_onimg	画像ファイル名	btn_value_onenter.png	（type=buttonの場合）選択済みのボタン画像を指定します。
button_margin	数値（px）	10	（type=buttonの場合）ボタン間の余白を指定します。
slider_bar_width	数値（px）	300	（type=sliderの場合）スライダーの幅を指定します。slider_bar_imgを指定している場合は、画像の幅を指定してください。
slider_bar_height	数値（px）	14	（type=sliderの場合）スライダーの高さを指定します。slider_bar_imgを指定している場合は、画像の高さを指定してください。
slider_bar_img	画像ファイル名	なし	（type=sliderの場合）スライダーの画像を指定します。
slider_bar_color	0xRRGGBB	0xAAAAAA	（type=sliderの場合）スライダーの色を指定します。
slider_bar_radius	数値（px）	10	（type=sliderの場合）スライダーの角丸を指定します。
slider_tab_width	数値（px）	30	（type=sliderの場合）タブの幅を指定します。slider_tab_imgを指定している場合は、画像の幅を指定してください。
slider_tab_height	数値（px）	30	（type=sliderの場合）タブの高さを指定します。slider_tab_imgを指定している場合は、画像の高さを指定してください。
slider_tab_img	画像ファイル名	なし	（type=sliderの場合）タブの画像を指定します。
slider_tab_color	0xRRGGBB	0x000000	（type=sliderの場合）タブの色を指定します。
slider_tab_radius	数値（px）	30	（type=sliderの場合）タブの角丸を指定します。
value	true / false	false	現在の値を表示するかを指定します。
value_x	数値（px）	なし	画面左端からの位置を指定します。
value_y	数値（px）	なし	画面上端からの位置を指定します。
value_width	数値（px）	80	幅を指定します。改行されてしまう場合は、この数値を上げてください。
value_face	フォント名	なし	フォント名を指定します。
value_bold	true / false	true	フォントを太字にするかを指定します。
value_size	数値（px）	14	フォントサイズを指定します。
value_color	0xRRGGBB	なし	フォントの色を指定します。
value_unit	テキスト	s	表示する数値の単位を指定します。

[config_window_sample]

表示速度サンプルウィンドウを表示します。

パラメータ名	値	デフォルト	説明
x	数値（px）	なし	画面左端からの位置を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
width	数値（px）	なし	幅を指定します。
height	数値（px）	なし	高さを指定します。
margint	数値（px）	0	上余白を指定します。
marginr	数値（px）	0	右余白を指定します。
marginl	数値（px）	0	左余白を指定します。
face	フォント名	なし	フォント名を指定します。
bold	true / false	false	フォントを太字にするかを指定します。
size	数値（px）	22	フォントサイズを指定します。
color	0xRRGGBB	0xFFFFFF	フォントの色を指定します。
pitch	数値	なし	字間を指定します。
spacing	数値	なし	行間を指定します。
bgcolor	0xRRGGBB	0x000000	背景色を指定します。
opacity	数値（0～255）	255	背景の不透明度を指定します。

[config_skip]

スキップモード（未読/既読）を表示します。

パラメータ名	値	デフォルト	説明
x	数値（px）	なし	画面左端からの位置を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
margin	数値（px）	20	ボタン間の余白を指定します。
read_img	画像ファイル名	btn_skip_read.png	既読ボタンの画像を指定します。
read_enterimg	画像ファイル名	btn_skip_read_enter.png	既読ボタンのオンマウス時の画像を指定します。
read_onimg	画像ファイル名	btn_skip_read_enter.png	既読ボタンの選択状態の画像を指定します。
unread_img	画像ファイル名	btn_skip_unread.png	未読ボタンの画像を指定します。
unread_enterimg	画像ファイル名	btn_skip_unread_enter.png	未読ボタンのオンマウス時の画像を指定します。
unread_onimg	画像ファイル名	btn_skip_unread_enter.png	未読ボタンの選択状態の画像を指定します。

[config_checkbox]

チェックボックスを表示します。

パラメータ名	値	デフォルト	説明
name	テキスト	なし	一意の名前を指定します。
x	数値（px）	なし	画面左端からの位置を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
variable	テキスト	なし	システム変数名を指定します。（例：sf.test）
init	true / false	false	初期値を指定します
img	画像ファイル名	btn_check.png	画像を指定します。
enterimg	画像ファイル名	btn_check.png	オンマウス時の画像を指定します。
onimg	画像ファイル名	btn_check.png	選択状態の画像を指定します。
onenterimg	画像ファイル名	btn_check.png	選択状態のオンマウス時の画像を指定します。

[config_radio]

ラジオボタンを表示します。

パラメータ名	値	デフォルト	説明
name	テキスト	なし	一意の名前を指定します。
x	数値（px）	なし	画面左端からの位置を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
variable	テキスト	なし	システム変数名を指定します。（例：sf.test）
value	テキスト	なし	ボタンを選択された時に変数に格納する値をカンマ区切りで指定します。（例：value="A,B,C"）
init	テキスト	なし	初期値を指定します。valueで設定した値から指定します。（例：init="A"）
img	画像ファイル名	なし	画像をカンマ区切りで指定します。（例：img="btn_a.png,btn_b.png,btn_c.png"）
enterimg	画像ファイル名	なし	オンマウス時の画像をカンマ区切りで指定します。（例：enterimg="btn_a_enter.png,btn_b_enter.png,btn_c_enter.png"）
onimg	画像ファイル名	btn_check.png	選択状態の画像をカンマ区切りで指定します。（例：onimg="btn_a_on.png,btn_b_on.png,btn_c_on.png"）

[config_slider]

スライダーを表示します。

パラメータ名	値	デフォルト	説明
name	テキスト	なし	一意の名前を指定します。
x	数値（px）	なし	画面左端からの位置を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
variable	テキスト	なし	システム変数名を指定します。（例：sf.test）
min	数値	0	スライダーの最小値を指定します。
max	数値	100	スライダーの最大値を指定します。
step	数値	1	ステップ値を指定します。
init	数値	100	初期値を指定します。
slider_bar_width	数値（px）	300	スライダーの幅を指定します。slider_bar_imgを指定している場合は、画像の幅を指定してください。
slider_bar_height	数値（px）	14	スライダーの高さを指定します。slider_bar_imgを指定している場合は、画像の高さを指定してください。
slider_bar_img	画像ファイル名	なし	スライダーの画像を指定します。
slider_bar_color	0xRRGGBB	0xAAAAAA	スライダーの色を指定します。
slider_bar_radius	数値（px）	10	スライダーの角丸を指定します。
slider_tab_width	数値（px）	30	タブの幅を指定します。slider_tab_imgを指定している場合は、画像の幅を指定してください。
slider_tab_height	数値（px）	30	タブの高さを指定します。slider_tab_imgを指定している場合は、画像の高さを指定してください。
slider_tab_img	画像ファイル名	なし	タブの画像を指定します。
slider_tab_color	0xRRGGBB	0x000000	タブの色を指定します。
slider_tab_radius	数値（px）	30	タブの角丸を指定します。
value	true / false	false	現在の値を表示するかを指定します。
value_x	数値（px）	なし	画面左端からの位置を指定します。
value_y	数値（px）	なし	画面上端からの位置を指定します。
value_width	数値（px）	50	幅を指定します。改行されてしまう場合は、この数値を上げてください。
value_face	フォント名	なし	フォント名を指定します。
value_bold	true / false	true	フォントを太字にするかを指定します。
value_size	数値（px）	14	フォントサイズを指定します。
value_color	0xRRGGBB	なし	フォントの色を指定します。
value_unit	テキスト	%	表示する数値の単位を指定します。

[config_init]

初期化ボタンを表示します。

パラメータ名	値	デフォルト	説明
x	数値（px）	なし	画面左端からの位置を指定します。
y	数値（px）	なし	画面上端からの位置を指定します。
img	画像ファイル名	btn_init.png	ボタン画像を指定します。
enterimg	画像ファイル名	btn_init_enter.png	オンマウス時のボタン画像を指定します。

[endconfig]

コンフィグ画面の設定を終了します。

使い方

[button]タグで role="config" を指定すると、コンフィグ画面が表示されます。

変更履歴

2020/08/20	v1.01	ラジオボタンを複数設置した場合に画像切り替えがおかしくなる不具合、 [config_skip]の切り替えで表示が乱れる不具合を修正。
2020/08/12	v1.00	販売開始

入手方法・価格

豆ノ帖Fantia にて販売中。

価格：800円

販売ページ