動作確認
- ティラノスクリプト ver 5.03b
- ティラノスタジオ ver 1.01
- ティラノビルダー ver 1.86
スライダー、ラジオボタン、チェックボックス等の表示も可能になります。
サンプル
導入方法
ティラノスクリプト
step
1data/others/plugin に customConfig フォルダを格納します。
step
2first.ks の先頭で [plugin name="customConfig"] と記述し、プラグインを呼び出します。
step
3使用する画像ファイルを data/others/plugin/customConfig/image に格納します。
step
4ゲーム開始後に一度だけ通過する箇所にタグを記述します。
config.ks
ティラノビルダー
step
1myproject/プロジェクト名/data/others に customConfig フォルダを格納します。
step
2myproject/プロジェクト名/data/scenario/sysytem/plugin.ks に以下を記述します。
plugin.ks
step
3使用する画像ファイルを myproject/プロジェクト名/data/others/plugin/customConfig/image に格納します。
step
4title_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/10/13 | v1.03 | ラジオボタンの変数が格納されない不具合を修正。 |
2020/10/05 | v1.02 | 閉じるボタンで画面を閉じた場合に、キーコンフィグが強制無効になる不具合を修正。 |
2020/08/20 | v1.01 | ラジオボタンを複数設置した場合に画像切り替えがおかしくなる不具合、 [config_skip]の切り替えで表示が乱れる不具合を修正。 |
2020/08/12 | v1.00 | 販売開始 |
入手方法・価格
豆ノ帖Fantia にて販売中。
価格:800円