![見出し画像](https://assets.st-note.com/production/uploads/images/85674473/rectangle_large_type_2_9e5011e267e4a4b25c47f3af5d934147.png?width=1200)
【ティラノビルダー】タイトル画面にシナリオのクリア率を表示する方法
![](https://assets.st-note.com/img/1661682296669-k7gM6ftnUd.png?width=1200)
タイトル画面にシナリオのクリア率を表示する方法を解説します。
【準備】
(1) 新規シナリオファイルの作成
![](https://assets.st-note.com/img/1661667812210-D2JhMCNcD1.png?width=1200)
clear(クリア率の計算に使用するシナリオ)と、scene2~scene5を作成します。
(2) scene1~scene5の編集
![](https://assets.st-note.com/img/1661668195320-S5mcyBp0B7.png?width=1200)
scene1~scene5を編集します。
今回は、各シナリオのクリア後、タイトル画面に移動させます。
【補足】
各シナリオの移動前or各シナリオの先頭に、テキスト消去コンポーネントを配置してください。
テキスト消去コンポーネントを配置しない場合は、クリア率がそのまま表示されます。
タイトル画面から直接移動した場合は、キーコンフィグが無効になったままの状態です。
(3) title_screenシナリオの編集
![](https://assets.st-note.com/img/1661680617952-AjStCC1OST.png?width=1200)
title_screenシナリオを編集します。
分岐ボタンコンポーネントを配置します。
①clearシナリオの編集
(1) iscriptコンポーネントの配置
![](https://assets.st-note.com/img/1661669499962-z6CLQ318sU.png?width=1200)
iscriptコンポーネントを配置します。
![](https://assets.st-note.com/img/1661669882731-XPFMGfBBlG.png?width=1200)
下記のコードのうち、どちらかを貼り付けます。
【パーセントで表示したい場合】
![](https://assets.st-note.com/img/1661682481718-3WquiLyUgt.png?width=1200)
tf.clear = sf.clear.filter(function(item) {
return item == true;
});
sf.percent = tf.clear.length / sf.clear.length * 100 + '%';
$(".clear").text(sf.percent);
【分数で表示したい場合】
![](https://assets.st-note.com/img/1661682502451-14BMkxd2nq.png?width=1200)
tf.clear = sf.clear.filter(function(item) {
return item == true;
});
sf.percent = tf.clear.length + '/' + sf.clear.length;
$(".clear").text(sf.percent);
(2) ティラノスクリプトコンポーネントの配置
![](https://assets.st-note.com/img/1661670270900-R1Yphkt89b.png?width=1200)
ティラノスクリプトコンポーネントを配置します。
![](https://assets.st-note.com/img/1661670445659-4hGCOXWtB7.png?width=1200)
下記のコードを貼り付けます。
[return]
これでclearシナリオの編集は完了です。
②scene1~scene5シナリオの編集
(1) iscriptコンポーネントの配置
![](https://assets.st-note.com/img/1661670719954-ZdRx0avzjA.png?width=1200)
各シナリオのクリア時に、iscriptコンポーネントを配置します。
![](https://assets.st-note.com/img/1661670847025-H2aD4WuSlt.png?width=1200)
下記のコードを貼り付けます。
sf.clear[0] = true;
【注意】対応する数字に注意してください
■ scene1シナリオの場合
sf.clear[0] = true;
■ scene2シナリオの場合
sf.clear[1] = true;
■ scene3シナリオの場合
sf.clear[2] = true;
■ scene4シナリオの場合
sf.clear[3] = true;
■ scene5シナリオの場合
sf.clear[4] = true;
(2) ティラノスクリプトコンポーネントの配置
![](https://assets.st-note.com/img/1661671738152-RGB46QwQsX.png?width=1200)
ティラノスクリプトコンポーネントを配置します。
![](https://assets.st-note.com/img/1661671997939-21bDXvONeT.png?width=1200)
下記のコードを貼り付けます。
[call storage="clear.ks"]
これで、scene1~scene5シナリオの編集は完了です。
③title_screenシナリオの編集
(1) iscriptコンポーネントの配置
![](https://assets.st-note.com/img/1661677542502-yc8c0fB5XA.png?width=1200)
iscriptコンポーネントを配置します。
![](https://assets.st-note.com/img/1661680986431-Zzt6LfGlZv.png?width=1200)
下記のコードを貼り付けます。
if ( sf.clear == undefined ) {
sf.clear = new Array(5);
sf.percent = "0%";
}
【コードの解説】
■ (5)
シナリオの総数に合わせて、()の中の数字を変更してください。
今回は、シナリオの総数が5なので、(5)と記述しています。
■ 0%
![](https://assets.st-note.com/img/1661682608046-GAGR3SVk8s.png?width=1200)
クリア率の初期値です。
分数で表示したい場合は、"0/5"と記述します。
(2) ティラノスクリプトコンポーネントの配置
![](https://assets.st-note.com/img/1661681218130-rEr8e4Oujn.png?width=1200)
ティラノスクリプトコンポーネントを配置します。
![](https://assets.st-note.com/img/1661681331130-xnvNg7D83i.png?width=1200)
下記のコードを貼り付けます。
[ptext layer="2" text="&sf.percent" x="100" y="100" size="100" color="white" time="1" name="clear"]
【コードの解説】
■ x
テキストの横位置を指定します。
■ y
テキストの縦位置を指定します。
■ size
テキストの文字の大きさを指定します。
■ color
テキストの色を指定します。
■ time
テキストの表示にかける時間を指定します。
これで、title_screenシナリオの編集は完了です。
以上で解説を終わります。おつかれさまでした。
この記事が気に入ったらサポートをしてみませんか?