【ティラノビルダー】テキスト演出をメッセージウインドウの上に配置する方法メモ

ティラノビルダーのpro版には、「テキスト配置アニメーション」機能があります。


せっかくだし試してみたんですが、初期状態ではメッセージウインドウの下に表示されてしまい、思うようなカタチになりませんでした。


以下、解決策をメモがてら書いていきます。

「tyrano.css」にz-index情報を追記

/*テキスト演出カスタマイズ*/
div.layer.\0032_fore.layer_fore.layer_camera{
	z-index: 101 !important;
}

↑のように追記すれば、テキスト演出の配置がメッセージウインドウより上になります。

かるくCSSの解説

「div.layer～～」の部分が、テキスト演出を表示しているレイヤーの要素です。


なお「\0032」というのは、「2」をUnicode変換したものです。cssの要素名の先頭には数字を使うことができないので、エスケープ（使えない文字を使えるように変換）する必要があります。

参考にさせて頂いた記事

【備忘録】idやclassの先頭文字に数字は使えないけど、使いたいときにやること（使いたい時は、数字をエスケープする） - Qiita

qiita.com

「z-index: 101」は、「Z軸の101」ということです。Z軸というのは、X軸/Y軸の次のやつです。つまり上下左右に加え、「前後」の情報を与えてやると。


「101」の数字は大きければ大きいほど優先され、「前」に表示されるようになります。ただし、あんまり大きくするとメニュー画面より前に来ちゃったりするので、「101」に留めました。


「!important」は「この命令優先してね」というおまじないです。

まとめ

テキスト配置の「Z軸」の優先順位を、tyrano.cssで上げてあげればいいんだね！

……一応解決はしたんですが、なんかスッキリしないんですよね。


本来なら「そのつど前後情報を設定」できたほうがイイと思うんですよ。この方法だと、1回設定しちゃったらウインドウの下には表示できませんから。


もっと上手いやり方がありましたら誰か教えてくださいm(_ _)m


今回は以上です。良きノベルゲライフを────ではまたφ(・ω・ )