メッセージレイヤ
メッセージフレーム・メッセージレイヤー
メッセージの表示位置とサイズの変更
詳細をみる
メッセージのサイズと位置の変更には[position]を使用します。
leftで左から何センチの表示位置。widthで幅、heightで高さなど
;メッセージレイヤ(デフォルトで始めにに表示されるメッセージレイヤーはmessage0)を
必ず以下のスクリプトで表示して下さい visible=falseになってると表示されません。ら
@layopt layer=message0 visible=true
メッセージの表示デザインについての豆知識 https://www.kawaz.org/blogs/tunacook/2012/12/01/402/
メッセージボックスをアドベンチャーゲーム形式にする。
スクリプトサンプルをみる
※画像を設定しない場合!
[position height=160 width=600 top=300]
[l][cm]
このようにアドベンチャー形式のようなゲームも大丈夫![l][r]
widthで横幅を変更して下さい。
※画像を設定する場合
[position layer="message0" frame="frame.png" width=600 height=240 top=265 left=0 margint="15" marginl="15" marginr="15" marginb="15"]
;サイズは画面にあわせてください。frame="none"と指定することで標準枠に戻すこともできます。違う枠画像を指定すると切り替えることもできます。
http://tyrano.jp/usage/tutorial/moji 引用元もご覧ください。
(システム関係にも記述あり)
メッセージウィンドウのデザインを変更する。にて。
メッセージフレーム画像について。[position]タグで指定したメッセージレイヤのサイズと画像のサイズは同じか大きめにして置かなければなりません。
[position layer=message0 page=fore frame="message_window/frame01.png" width=800 height=240 top=380 left=70 margint="25" marginl="50" marginr="70" marginb="60"]
''メッセージフレームを指定した場合、メッセージレイヤーが微々小さくなる恐れがある。html css marginで検索
また行間の設定も関わってくるのでmarginをつける際は注意しましょう
行間の設定はconfig.tjsで指定できます。サイズを見るには、メッセージレイヤーを表示させてから。
または、Elementのサイズを確認。
メッセージレイヤを、必要に応じて表示、非表示
詳細をみる
あらゆるレイヤーの表示・非表示は、[layopt]を使う。true falseで変更
;メッセージレイヤ0を非表示
@layopt layer=message0 visible=false
;メッセージレイヤ0を表示
@layopt layer=message0 visible=true
@layopt layer=0 visible=true
;layer=0 キャラ表示 ptext表示
http://tyrano.jp/adv/next/layer ※デフォルトで5枚 多いと動作が重くなる
メッセージレイヤ message0 message1
他数字で指定
メッセージレイヤ自体に色をつける
V340にて確認
詳細をみる
;positionタグを使います。
;メッセージレイヤの色と透明度を変更
[position color=blue opacity=100]
;シナリオ内実行↓
[position width=630 height=460 top=5 left=5 margint="25" marginl="10" marginr="10"
color=blue]
メッセージレイヤが全体にあると妙な感じもしますがアドベンチャータイプなら
メッセージボックス代わり的なものになるでしょう。
メッセージレイヤの表示色を 0xRRGGBB 形式で指定 します。ここでは分かりやすいようにbulueで指定してあります。
メッセージレイヤーの周りにぼかしをつける
詳細をみる
tyrano.cssに追加してください。
テキストシャドウを追加してる場合はその下に書いて下さい。
.message_inner{
box-shadow:
inset 0 0 20px #fff /* メッセージレイヤーの色と同じ色 */,
inset 0 0 20px #fff,
inset 0 0 20px #fff,
inset 0 0 20px #fff;
}
白にしてますが無難に黒を勧める。
ただしframeがあるとデザイン合わせないといけないので注意。
messege_0foreですとこのような形になります
参考
メッセージのレイヤーを透明にする 透明度の変更をする
詳細をみる
[position]タグのopsityを使用 tyrano.jp/home/tag#position
;メッセージレイヤー0の透明度を変更
[position layer=message0 opacity=100]
メッセージをトランジションして色等を変更する
詳細をみる
;文字が表示される領域を調整
[position layer=message0 page=fore margint="45" marginl="50" marginr="70" marginb="60" color=red]
ふんわり、色の変更をするよ[p]
[backlay layer=message0]
[position layer=message0 page=back margint="45" marginl="50" marginr="70" marginb="60" color="blue"]
[trans time=2000 layer=message0]
[wt]
メッセ―ジレイヤーをtransする
methodでアニメーション効果
詳細をみる
;メッセージウィンドウの表示
@layopt layer=message0 visible=true
「あああああああああああああああああああああああああ[r]
_ あああああああああああああああああああああ」
[backlay]
[trans layer=message0 page=back time=1500 method=explode]
;[l]
;[backlay]
;[trans layer=message0 page=back time=1500 method=slide]
[wt]
[p]
メッセージレイヤーをフェードイン アウト
詳細をみる
; 先にメッセージレイヤーの設定に name をつけておく。 nameをつけておくことでanimなどのエフェクトで呼び出せます。
;[position layer="message0" name= "message_outer" frame="frame.png" width=600 height=240 top=265 left=0 margint="15" marginl="15" marginr="15" marginb="15"]
;【0】nameをつけずにレイヤー自体を指定
[anim layer="message0" opacity=0 time=5000]
[p]
[anim layer="message0" opacity=100 time=5000]
http://tyrano.jp/home/tag#anim
; ===========【1】animとname使用バージョン
2017/07/18 (Tue) 15:40:50
アニメーションの対象を layer="message0" から name="message_outer" に
変更すると良いかもしれません。
;スクリプトここから ===================
;メッセージウィンドウの外枠だけ透明度0にする
[anim name="message_outer" opacity=0 time=0]
;メッセージウィンドウの表示
[layopt layer=message0 visible=true]
;300ミリ秒かけて透明度128にする
[anim name="message_outer" opacity=128 time=300]
;アニメーションの完了待ち
[wa]
; スクリプトここまで ===================
;【2】スクリプト キーフレームアニメーションバージョン 安定した動き
80パーセントの透過率からの変更。各自、元の透過率opacityを設定して下さい。
;------------keyframe の定義 ここから
[keyframe name="animation1"]
[frame p=0% opacity=80]
[frame p=100% opacity=0]
[endkeyframe]
;------------keyframe の定義
[keyframe name="animation2"]
[frame p=0% opacity=0]
[frame p=100% opacity=80]
[endkeyframe]
;ここまでどんな動きをするのか設定しました。
;ここまではfirst.ksか貴方が指定するmakuro.ksなどに書いておいてください。
;実際に動く命令は以下文からです。
opacityで透明度を変更[l][r]
;---------アニメーションの実行 5秒かけてキーフレームアニメーションを実行する
[kanim layer="message0" keyframe="animation1" time="5000" ]
[wa]
opacityで透明度を変更[p]
[kanim layer="message0" keyframe="animation2" time="5000" ]
[wa]
animation2のp=0%には必ず opacity=0 を設定してね 一瞬表示してしまいます。
animation1はなくても想定した処理は行うが念のため。
http://tyrano.jp/home/tag#keyframe
http://tyrano.jp/home/tag#kanim
魔法・エフェクトを表示する試み
すぐに表示してしまう
[iscript]
$(".message0_fore").fadeIn("5000000");
[endscript]
[wt][wa]も×
メッセージを角丸にする v5より
[position]のraduis属性をつかう
- 最終更新:2022-06-17 17:17:18