![見出し画像](https://assets.st-note.com/production/uploads/images/145963301/rectangle_large_type_2_0df6ba83b86cf58d9dba13e4f7764749.png?width=1200)
【ティラノビルダー】アクションイベント(QTE)プラグインで、タップできた回数で分岐させる方法
![](https://assets.st-note.com/production/uploads/images/145977716/picture_pc_aadcaf7584bb4f509e5f2fb8345fc026.gif?width=1200)
アクションイベント(QTE)プラグインで、タップできた回数で分岐させる方法について解説します。
①プラグインのダウンロード
下記のリンクから、入手ページに移動します。
「通常版(タップ)」をクリックします。
zipファイルがダウンロードされます。
ダウンロードしたzipファイルを展開します。
これで、プラグインのダウンロードは完了です。
②プラグインの追加
![](https://assets.st-note.com/img/1719914637574-cI9kPB9rtC.png?width=1200)
「プロジェクト」→「プラグイン」をクリックし、
プラグイン画面を開きます。
![](https://assets.st-note.com/img/1719914768488-UcYFbP5x10.png?width=1200)
「プラグインを追加」をクリックします。
![](https://assets.st-note.com/img/1719915566995-ClGdWlirB9.png?width=1200)
フォルダが開かれるので、先程展開した「qte_limited」フォルダ→「ビルダー用」フォルダ→「qte.tbp」ファイルを選択し、「開く」をクリックします。
![](https://assets.st-note.com/img/1719915732042-B35Evq2xYE.png?width=1200)
インストール完了と表示されるので、「OK」をクリックします。
最後に、プラグイン画面を閉じます。
これで、プラグインの追加は完了です。
③タップイベント・タップクリアコンポーネントの表示
![](https://assets.st-note.com/img/1719915916928-CunxctovIX.png?width=1200)
右上のアイコンをクリックします。
![](https://assets.st-note.com/img/1719916041011-wedy2jJbsA.png?width=1200)
コンポーネント管理画面が開かれるので、一番下までスクロールします。
![](https://assets.st-note.com/img/1719916284807-nCmdIOQdUm.png?width=1200)
①「プラグイン」にチェックを入れ、
②「適用する」をクリックします。
最後に、コンポーネント管理画面を閉じます。
![](https://assets.st-note.com/img/1719916470160-mjydhH23Gj.png?width=1200)
タップイベント・タップクリアコンポーネントが表示されました。
これで、タップイベント・タップクリアコンポーネントの表示は完了です。
④変数の追加
![](https://assets.st-note.com/img/1719917113293-2H3ikzAtVx.png?width=1200)
「プロジェクト」→「変数管理」をクリックし、変数管理画面を開きます。
qte_time_limit
qte_count
上記の変数を追加します。
![](https://assets.st-note.com/img/1719917584098-2RrqxK77l5.png?width=1200)
変数qte_time_limitの初期値は、お好みの制限時間(秒)を入力してください。今回は10としました。
![](https://assets.st-note.com/img/1719917609716-1g7Ni2wOx0.png?width=1200)
変数qte_countの初期値は0にしてください。
これで、変数の追加は完了です。
⑤ラベルコンポーネントの配置
![](https://assets.st-note.com/img/1719918081064-cNbzraZ465.png?width=1200)
qte_start
qte_time_up
end1
end2
end3
上記のラベルコンポーネントを配置します。
⑥テキストコンポーネントの配置
![](https://assets.st-note.com/img/1719918273345-4bfWq0ws5F.png?width=1200)
テキストコンポーネントを配置します。
⑦iscriptコンポーネントの配置
![](https://assets.st-note.com/img/1719918515048-PLNSGQzeR9.png?width=1200)
iscriptコンポーネントを配置します。
![](https://assets.st-note.com/img/1719918610408-5nhVfjSyEi.png?width=1200)
下記のコードを貼り付けます。
f.startTime = new Date();
⑧タップイベントコンポーネントの配置
![](https://assets.st-note.com/img/1719918961179-C94TAs5afS.png?width=1200)
タップイベントコンポーネントを配置します。
今回は、コンポーネントの待機時間を1000としています。
![](https://assets.st-note.com/img/1719919306775-0YtRbh8SmX.png?width=1200)
タップイベントコンポーネントの設定の一番下までスクロールします。
![](https://assets.st-note.com/img/1719919735665-6IoYrLKIoL.png?width=1200)
「出現位置をランダムにする」にチェックを入れます。
![](https://assets.st-note.com/img/1719919977801-pPTnQ2ThUw.png?width=1200)
下記のコードを貼り付け、「決定」をクリックします。
f.qte_count+=1
⑨iscriptコンポーネントの配置
![](https://assets.st-note.com/img/1719920290184-9NLpmgFYz5.png?width=1200)
iscriptコンポーネントを配置します。
![](https://assets.st-note.com/img/1719920383866-PT4TnHCtFF.png?width=1200)
下記のコードを貼り付けます。
let jump_target;
const currentTime = new Date();
const elapsedTime = (currentTime - f.startTime) / 1000;
if (elapsedTime >= f.qte_time_limit) {
jump_target = 'qte_time_up';
} else if (elapsedTime < f.qte_time_limit) {
jump_target = 'qte_start';
}
TYRANO.kag.ftag.startTag("jump", { target: jump_target});
⑩停止コンポーネントの配置
![](https://assets.st-note.com/img/1719920592891-ABwOdegi7J.png?width=1200)
停止コンポーネントを配置します。
⑪タップクリアコンポーネントの配置
![](https://assets.st-note.com/img/1719920866151-rv718zBj9J.png?width=1200)
タップクリアコンポーネントを配置します。
⑫ティラノスクリプトコンポーネントの配置
![](https://assets.st-note.com/img/1719921060332-wI3wmNO2il.png?width=1200)
ティラノスクリプトコンポーネントを配置します。
![](https://assets.st-note.com/img/1719921215227-rwsaHVuoJf.png?width=1200)
下記のコードを貼り付けます。
[if exp="f.qte_count >= 10"]
[jump target="*end1"]
[elsif exp="f.qte_count >= 5"]
[jump target="*end2"]
[else]
[jump target="*end3"]
[endif]
【コードの解説】
![](https://assets.st-note.com/img/1719921569228-YcDvgjwKyN.png?width=1200)
上記のコードは、タップできた回数ごとの移動先のラベルを指定しています。
①タップできた回数が10以上の場合、ラベルend1に移動、
②タップできた回数が5以上の場合(5~9)、ラベルend2に移動、
①と②以外の場合(0~4)、ラベルend3に移動します
ラベルを指定する際、必ずラベル名の先頭に*(アスタリスク)を付けます。
上記以外の条件で分岐させたい場合は、お気軽にご質問ください。
⑬テキストコンポーネント・停止コンポーネントの配置
![](https://assets.st-note.com/img/1719922481778-o98mfny841.png?width=1200)
![](https://assets.st-note.com/img/1719922496957-qCndTWKxXb.png?width=1200)
お好みで、テキストコンポーネント・停止コンポーネントを配置してください。
これで、アクションイベント(QTE)プラグインで、タップできた回数で分岐させる手順は完了です。
以上で解説を終わります。おつかれさまでした。
この記事が気に入ったらサポートをしてみませんか?