![見出し画像](https://assets.st-note.com/production/uploads/images/130606537/rectangle_large_type_2_069b83a1cd6bd55cd99c84db2f3b6d99.png?width=1200)
【ティラノビルダー】喋っているキャラクターの明るさをゆっくり切り替える方法
![](https://assets.st-note.com/production/uploads/images/130592487/picture_pc_163356b291150227a0759ed6036e8828.gif?width=1200)
ティラノビルダーで喋っているキャラクターの明るさをゆっくり切り替える方法について解説します。
【使用素材】
わたおきば様の立ち絵を使用させていただきました。
①フォーカス効果の設定
![](https://assets.st-note.com/img/1707705002244-QMiEIidO3R.png?width=1200)
「プロジェクト」→「ゲームコンフィグ」をクリックし、ゲームセッティング画面を開きます。
![](https://assets.st-note.com/img/1707705053603-oxhSqIQiyQ.png?width=1200)
「キャラクター」をクリックします。
![](https://assets.st-note.com/img/1707705073843-QpeBiMxWbM.png?width=1200)
「フォーカス」をクリックします。
![](https://assets.st-note.com/img/1707705101963-SscSnzQHZv.png?width=1200)
「効果なし」をクリックします。
![](https://assets.st-note.com/img/1707705132525-UwHuJ1Ge3E.png?width=1200)
「ブライトネス」をクリックします。
![](https://assets.st-note.com/img/1707705156195-efuZEnhygA.png?width=1200)
「更新する」をクリックします。
![](https://assets.st-note.com/img/1707705260442-1hYHCsHQwH.png?width=1200)
保存しましたと表示されるので、「OK」をクリックします。
最後に、ゲームセッティング画面を閉じます。
これで、フォーカス効果の設定は完了です。
②tyrano.cssファイルの編集
![](https://assets.st-note.com/img/1707705425351-6qhpk9XOek.png?width=1200)
画面左上のプロジェクト名をクリックします。
![](https://assets.st-note.com/img/1707705946616-B9OAGkfe0A.png?width=1200)
フォルダが開かれるので、矢印のアイコンをクリックします。
![](https://assets.st-note.com/img/1707706062198-pcJHFCKmoF.png?width=1200)
tyranoフォルダをクリックします。
![](https://assets.st-note.com/img/1707706155141-fLO0QCp2ok.png?width=1200)
tyrano.cssファイルをメモ帳等で開きます。
![](https://assets.st-note.com/img/1707706255901-dV6mYZDItD.png?width=1200)
tyrano.cssファイルが開かれました。
![](https://assets.st-note.com/img/1707706349563-E5whpjDbAv.png?width=1200)
一番下までスクロールします。
![](https://assets.st-note.com/img/1707706552334-kmAnmsSXNE.png?width=1200)
下記のコードを貼り付けます。
.tyrano_chara {
transition: filter 1s;
}
1と書かれている数値を変更することで、明るさの切り替えにかかる時間を調整できます。
数字が大きいほど、ゆっくり切り替わります。
最後に必ず上書き保存をしてください。
これで、喋っているキャラクターの明るさをゆっくり切り替える手順は完了です。
以上で解説を終わります。おつかれさまでした。
この記事が気に入ったらサポートをしてみませんか?