【ティラノビルダー】メッセージ枠より上にフレームなどの画像を表示する

↑このお花みたいなことをする。立ち絵やメッセージウィンドウより上に画像を表示させる方法。

前にフォロワーさんが苦しんでいたので、自分が無理やりどうにかしたときの備忘を残しておきます。よしなに。
いろんなやり方があると思うのであくまでご参考まで😭
+少し前に画面作成したときの記憶なので足りない部分があるかも。必要な情報は随時追加します。

概要

message0レイヤとmessage1レイヤを併用し、テキストウィンドウ(+立ち絵)をmessage0に、フレーム画像をmessage1に置くというハナシ。

具体例

最前面にフレームを表示するやつ

mcr_frame_show.ks
[layopt layer="message1" visible=true]
[image layer="message1" z-index="999" time="0"  storage="default/frame/画像.png"  width="1280"  height="720"  x="0"  y="0" name="frame"]

[layopt layer=”message1″ visible=true]
レイヤーの設定変更。message1レイヤを表示する

[image layer=”message1″……]
画像の表示。message1レイヤに、z-index(重なり)999で表示。storage=”画像.png”は自分が画像を置いた場所に合わせてください。
とくにだいじ→layer=”message1″ name=”frame”
ここでのnameはCSSクラスになるので、CSSで調整できるようになる。

tyrano.cssを編集

tyrano.css
.frame{ /* ←mcr_frame_show.ksでnameに設定した任意の文字 */
    z-index: 999!important;
    pointer-events: none;
}

z-index:999
(message0レイヤの中でもとくにこの画像を)上の方に表示するという設定。詳しくはcssのz-indexプロパティを調べてね。
ティラノのコード側でもz-index=”999″にしていますが、執拗に記入していますね。
pointer-events:none;
読んで字のごとくカーソルポインターのイベントを無効にするやつです。何を言っているだァ~~!と思ったら、とにかくこれやっといたらカブってる画像が操作のジャマにならない、と考えておいてください。
👉️上の方に画面いっぱいサイズの画像を被せているので、やっておかないと画像カブりでクリックが無効になってしまいます。

キャラクター立ち絵をメッセージウィンドウ上に表示するやつ

👇️メッセージウィンドウを表示

mcr_message_show.ks
[layopt layer=message0 visible=true]
[anim layer="message0" time="700" opacity="0"]
[wait time="1000"]
[anim layer="message0" time="700" opacity="255"]
[wait time="1000"]
waitとかはanimとかはただの表示時の演出なので適当にいじってください。

👇️キャラクター立ち絵をメッセージウィンドウの上に置く

mcr_chara_show.ks
[chara_show name="キャラ名" time="600" layer="message0" zindex="100" wait="false" storage="chara/5/キャラ画像.png" reflect="false" width="208" height="361" left="30" top="369"]

自分はメッセージウィンドウの表示・メッセージ上キャラの表示+メッセージウィンドウ非表示をそれぞれksファイルに保存して「コール」コンポーネントで呼び出しできるようにしています。

マクロ化って言っていいのか……?私はこれがマクロ化というのかも分からないままやっています。どうなんだそこんところ!!

タイトルとURLをコピーしました