ご利用になる前に必ず 利用規約 をご確認ください。

Fantia  ティラノスクリプト  ティラノビルダー

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

 2020年8月12日

動作確認

  • ティラノスクリプト ver 5.03b
  • ティラノスタジオ ver 1.01
  • ティラノビルダー ver 1.86
コンフィグ画面のUIを簡単に変更できるプラグインです。
スライダー、ラジオボタン、チェックボックス等の表示も可能になります。

サンプル

導入方法

ティラノスクリプト

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

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

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

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

config.ks

ティラノビルダー

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

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

plugin.ks

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

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

title_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]

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

表示メッセージを変更したい場合は、config_text.ks の内容を変更してください。

パラメータ名 デフォルト 説明
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" を指定すると、コンフィグ画面が表示されます。

sample.ks

ココがポイント

コンフィグ画面を閉じる時に、make.ks を呼び出します。コンフィグ画面で設定した内容を画面に即時反映したい場合は、make.ks に処理を記述してください。

変更履歴

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

入手方法・価格

豆ノ帖Fantia にて販売中。

価格:800円

販売ページ

  • この記事を書いた人

黒豆キヅネ

ティラノスクリプト・ビルダーのプラグインや同人ゲームを制作しています。

Copyright© 豆ノ帖 , 2020 All Rights Reserved.