![見出し画像](https://assets.st-note.com/production/uploads/images/119127378/rectangle_large_type_2_24903ec1e24efee483ce0ae41a900377.png?width=1200)
【ティラノビルダー】buttonタグ機能補助プラグインの導入方法
![](https://assets.st-note.com/production/uploads/images/119140965/picture_pc_0710f6accf5306d81bcc6ef831ced709.gif?width=1200)
さくた様(https://twitter.com/skt_tyrano)制作のbuttonタグ機能補助プラグインを、ティラノビルダーで導入する方法について解説します。
①画像の準備
button1.png(ボタンの画像)
button1_tip.png(ツールチップの画像)
今回は上記の画像を準備します。
![](https://assets.st-note.com/img/1697522583615-0CPaVpQff6.png)
![](https://assets.st-note.com/img/1697522583632-MaCghFO2ES.png)
②プラグインのダウンロード
下記のリンクから、入手ページに移動します。
無料版【v514以前】をクリックします。
zipファイルがダウンロードされます。
これで、プラグインのダウンロードは完了です。
③プラグインの配置
![](https://assets.st-note.com/img/1697519343378-8GdjDBSkwa.png?width=1200)
画面左上のプロジェクト名をクリックします。
![](https://assets.st-note.com/img/1697519567627-VTwTAXoEU6.png?width=1200)
フォルダが開かれるので、othersフォルダをクリックします。
![](https://assets.st-note.com/img/1697519628017-OoEaxB72gG.png?width=1200)
pluginフォルダをクリックします。
![](https://assets.st-note.com/img/1697519709431-uF5XnEYYP7.png?width=1200)
フォルダは空の状態です。
ここで、先程ダウンロードしたzipファイルを展開します。
![](https://assets.st-note.com/img/1697519803058-YC0qLLf8Sk.png?width=1200)
展開したフォルダをpluginフォルダに配置します。
これでプラグインの配置は完了です。
④plugin.ksファイルの編集
![](https://assets.st-note.com/img/1697519869651-cXjhV88QIf.png?width=1200)
scenarioフォルダをクリックします。
![](https://assets.st-note.com/img/1697520013818-GbPS7gQqlm.png?width=1200)
systemフォルダをクリックします。
![](https://assets.st-note.com/img/1697519981955-3SsNYawCF3.png?width=1200)
plugin.ksをメモ帳で開きます。
![](https://assets.st-note.com/img/1697520118556-xeckaMCQJy.png?width=1200)
[return]と書かれています。このコードは絶対に消さないでください。
![](https://assets.st-note.com/img/1697520222577-A64LqVPWJp.png?width=1200)
下記のコードを貼り付けます。
[plugin name=button_ex]
最後に上書き保存します。
これでplugin.ksファイルの編集は完了です。
⑤make.ksファイルの編集
![](https://assets.st-note.com/img/1697520354318-bj2CObV8FY.png?width=1200)
scenarioフォルダをクリックします。
![](https://assets.st-note.com/img/1697520436843-cpBV0Lspgn.png?width=1200)
make.ksをメモ帳で開きます。
![](https://assets.st-note.com/img/1697520532318-5C8XHsxT1N.png?width=1200)
[return]と書かれています。このコードは絶対に消さないでください。
![](https://assets.st-note.com/img/1697520617015-rVHSXpTtoB.png?width=1200)
下記のコードを貼り付けます。
[button_ex_restore]
最後に上書き保存します。
これでmake.ksファイルの編集は完了です。
⑥画像の配置
![](https://assets.st-note.com/img/1697522927619-UBecj1ARwJ.png?width=1200)
imageフォルダをクリックします。
![](https://assets.st-note.com/img/1697523080917-etzNpCsZNS.png?width=1200)
imageフォルダが開かれました。
![](https://assets.st-note.com/img/1697523107057-cZwiqjCLcu.png?width=1200)
画像を配置します。
これで、画像の配置は完了です。
⑦scene1の編集
⑦-(1) ラベルコンポーネントの配置
![](https://assets.st-note.com/img/1697524285353-6GQPQUn9Za.png?width=1200)
ラベルコンポーネントを2つ配置します。
button
button1
上から順に、上記のラベル名を指定します。
⑦-(2) ティラノスクリプトコンポーネントの配置
![](https://assets.st-note.com/img/1697524433834-xEX1Sb9jEO.png?width=1200)
ティラノスクリプトコンポーネントを配置します。
![](https://assets.st-note.com/img/1697525264758-61ZNsfc8Tz.png?width=1200)
下記のコードを貼り付けます。
[button graphic="button1.png" storage="" target="*button1" name="button1" x="100" y="100"]
[button_ex name="button1" tip="button1_tip.png" tip_pos="static" tip_x="400" tip_y="100"]
【注意】
![](https://assets.st-note.com/img/1697525817504-PhWEZ8V8iX.png?width=1200)
nameの項目は、1行目も2行目も同じ名前を指定してください。
今回は、button1と指定しました。
【1行目のコードの解説】
[button graphic="button1.png" storage="" target="*button1" name="button1" x="100" y="100"]
■ graphic
ボタンの画像を指定します。
■ storage
移動先のシナリオを指定します。
指定しない場合は、作業中のシナリオになります。
シナリオ名の後ろに.ksと付けます。
(例)シナリオscene1に移動したい場合
storage="scene1.ks"
■ target
移動先のラベルを指定します。
ラベル名の先頭に*を付けます。
(例)ラベルbutton1に移動したい場合
target="*button1"
■ x
ボタンの横位置を指定できます。
■ y
ボタンの縦位置を指定できます。
【2行目のコードの解説】
[button_ex name="button1" tip="button1_tip.png" tip_pos="static" tip_x="400" tip_y="100"]
■ tip
ツールチップの画像を指定します。
■ tip_x
ツールチップの横位置を指定できます。
■ tip_y
ツールチップの縦位置を指定できます。
⑦-(3) 停止コンポーネントの配置
![](https://assets.st-note.com/img/1697526297095-Z4KejNiwkS.png?width=1200)
停止コンポーネントを配置します。
⑦-(4) 改ページコンポーネントの配置
![](https://assets.st-note.com/img/1697526491803-lvDPbhJTXx.png?width=1200)
改ページコンポーネントを配置します。
![](https://assets.st-note.com/img/1697526826243-q96JFtge12.png?width=1200)
テキストコンポーネント・ジャンプコンポーネントを配置します。
ジャンプコンポーネントのターゲットにラベルbuttonを指定します。
これで、buttonタグ機能補助プラグインを、ティラノビルダーで導入する手順は完了です。
以上で解説を終わります。おつかれさまでした。
この記事が気に入ったらサポートをしてみませんか?