![見出し画像](https://assets.st-note.com/production/uploads/images/96655934/rectangle_large_type_2_00ed04478ecd9797bcfa908e5910b128.png?width=1200)
【ティラノビルダー】時間帯で背景とシナリオを変更する方法
ティラノビルダーで、時間帯で背景とシナリオを変更する方法について解説します。
今回は、下記の6つの時間帯で背景とシナリオを変更します。
scene1 (時間帯①)
scene2 (時間帯②)
scene3 (時間帯③)
scene4 (時間帯④)
scene5 (時間帯⑤)
scene6 (時間帯⑥)
①変数の追加
![](https://assets.st-note.com/img/1674870309142-m2nWJmFflI.png?width=1200)
「プロジェクト」→「変数管理」をクリックし、変数管理画面を開きます。
![](https://assets.st-note.com/img/1674870297050-eHaorf253W.png?width=1200)
hour
timeframe
上記2つの変数を追加します。
これで、変数の追加は完了です。
②title_screenの編集
![](https://assets.st-note.com/img/1674868628997-3bm79n5KLp.png?width=1200)
title_screenを編集します。
(1) 時間帯の設定
![](https://assets.st-note.com/img/1674872972707-4tDFQp57lB.png?width=1200)
iscriptコンポーネントを配置します。
![](https://assets.st-note.com/img/1674872982172-8WPC4dwbNv.png?width=1200)
下記のコードを貼り付けます。
let now = new Date();
f.hour = now.getHours();
if (f.hour >= 4 && f.hour <= 6) {
f.timeframe = 1;
} else if (f.hour >= 7 && f.hour <= 11) {
f.timeframe = 2;
} else if (f.hour >= 12 && f.hour <= 15) {
f.timeframe = 3;
} else if (f.hour >= 16 && f.hour <= 18) {
f.timeframe = 4;
} else if (f.hour >= 19 && f.hour <= 23) {
f.timeframe = 5;
} else if (f.hour >= 0 && f.hour <= 3) {
f.timeframe = 6;
}
このコードは、時間帯を設定するコードです。
【時間帯①】4:00 ~ 6:59
【時間帯②】7:00 ~ 11:59
【時間帯③】12:00 ~ 15:59
【時間帯④】16:00 ~ 18:59
【時間帯⑤】19:00 ~ 23:59
【時間帯⑥】0:00 ~ 3:59
上記の時間帯を設定しています。
![](https://assets.st-note.com/img/1674874599011-d9vmTj1p8r.png?width=1200)
時間帯を変更する場合は、赤い数字の部分を変更してください。
これで、時間帯の設定は完了です。
(2) 背景の変更
![](https://assets.st-note.com/img/1674875845390-rL7jk4JcFo.png?width=1200)
背景コンポーネントを削除します。
![](https://assets.st-note.com/img/1674876115620-cMDg6PP3ex.png?width=1200)
ティラノスクリプトコンポーネントを7つ配置します。
![](https://assets.st-note.com/img/1674876468969-K37JGsaxOw.png?width=1200)
下記のコードを順番にコンポーネントに貼り付けます。
[if exp="f.timeframe == 1"]
[elsif exp="f.timeframe == 2"]
[elsif exp="f.timeframe == 3"]
[elsif exp="f.timeframe == 4"]
[elsif exp="f.timeframe == 5"]
[elsif exp="f.timeframe == 6"]
[endif]
![](https://assets.st-note.com/img/1674876856090-oiRTDLhk1J.png?width=1200)
背景変更コンポーネントを配置します。
![](https://assets.st-note.com/img/1674877905442-qVD3z5Ye3T.png?width=1200)
![](https://assets.st-note.com/img/1674877915532-IcaKAs0Rw4.png?width=1200)
![](https://assets.st-note.com/img/1674877925152-Sx163xAEW4.png?width=1200)
![](https://assets.st-note.com/img/1674877936649-XOetzJnCpH.png?width=1200)
![](https://assets.st-note.com/img/1674877945784-E7Zk7pouNP.png?width=1200)
これで背景の変更は完了です。
(3) シナリオの移動
![](https://assets.st-note.com/img/1674878198878-8pB95DqiTM.png?width=1200)
ジャンプコンポーネントの設定を変更します。
![](https://assets.st-note.com/img/1674879403875-GznDLYSW5u.png?width=1200)
各項目を設定します。
【実行条件を指定する】チェックを入れる
【A】timeframe
【B】定数を選択し、1と入力
【条件】AとBが同じ場合
【反映】各項目を設定した後、クリック
scene2~scene6に移動するジャンプコンポーネントを配置し、同様に設定します。
![](https://assets.st-note.com/img/1674880154716-tmPBL5Vxji.png?width=1200)
![](https://assets.st-note.com/img/1674880271631-ts2QygOASr.png?width=1200)
![](https://assets.st-note.com/img/1674880282403-lacthe5F5O.png?width=1200)
![](https://assets.st-note.com/img/1674880292371-uyQ8R6oYWU.png?width=1200)
![](https://assets.st-note.com/img/1674880339095-zN3WSz5Cf0.png?width=1200)
これで、シナリオの移動は完了です。
以上で解説を終わります。おつかれさまでした。
この記事が気に入ったらサポートをしてみませんか?