![見出し画像](https://assets.st-note.com/production/uploads/images/86376571/rectangle_large_type_2_92f94e0d07453d7d1bdc558c49801d68.png?width=1200)
【ティラノビルダー】フォーカス効果を2人以上にかける方法
![](https://assets.st-note.com/img/1662534549746-upakNGYQPO.png?width=1200)
ティラノビルダーでフォーカス効果を2人以上にかける方法について解説します。
【使用素材】
わたおきば様の立ち絵を使用させていただきました。
【準備】
![](https://assets.st-note.com/img/1662533906456-B5UQzGM6eW.png?width=1200)
キャラクター登場コンポーネントを配置します。
①ティラノスクリプトコンポーネントの配置
![](https://assets.st-note.com/img/1662534066180-bufZKSphRq.png?width=1200)
ティラノスクリプトコンポーネントを配置します。
![](https://assets.st-note.com/img/1662534402047-0hVyRpPe3q.png?width=1200)
下記のコードを貼り付けます。
#2人
[iscript]
$(".あかね,.やまと")
.css({
"-webkit-filter": "brightness(100%) blur(0px)",
"-ms-filter": "brightness(100%) blur(0px)",
"-moz-filter": "brightness(100%) blur(0px)",
});
[endscript]
【コードの解説】
#2人
#の後に、メッセージウィンドウの名前欄に表示させたい名前を記述します。
$(".あかね,.やまと")
$(".キャラクターの名前,.キャラクターの名前")で、フォーカスするキャラクターを指定します。
3人の場合は以下の通りです。
$(".あかね,.やまと,.たろう")
②テキストコンポーネントの配置
![](https://assets.st-note.com/img/1662535225328-07BkH2Caeg.png?width=1200)
テキストコンポーネントを配置します。
これでフォーカス効果を2人以上にかける手順は完了です。
以上で解説を終わります。おつかれさまでした。
この記事が気に入ったらサポートをしてみませんか?