ごいしはまぐり

ノベルゲーム制作サークル「ごいしはまぐり」紹介の他、映画紹介やティラノスクリプト等、メンバーの記事を寄せ集めています。

ティラノスクリプト

ティラノスクリプト備忘録48
[mask]を使ったメニュー表示

投稿日:



今回の備忘録はティラノスクリプトのタグ[mask]を使用した
開閉するようなメニューの表示方法についてです。
まずは動画と実際に使用しているコードをご覧ください。
動画は「テニスのポンチ様」より。



実際の動作とコード

メニュー表示と各ボタンの動作
[cm]
[mask effect="fadeInRightBig" color="0xFFFFFF" time=800]
[layopt layer=message0 visible=false]
[clearfix name="menu_button1"]
[button name="menu_button2" target="*game" graphic="button/menu.png" x=1200 y=10]
[layopt layer=3 visible=true]


;セーブボタン
[button name="role_button" role="save" graphic="button/save.png" x="1125" y="120"]

;ロードボタン
[button name="role_button" role="load" graphic="button/load.png" x="1125" y="200"]

;オートボタン
[button name="role_button" target="*autostart" graphic="button/auto.png" x="1125" y="280"]

;スキップボタン
[button name="role_button" target="*skipstart" graphic="button/skip.png" x="1125" y="360"]
[mask_off  effect="fadeOutLeftBig" time=800]
[s]

*autostart
[autostart]
[jump target="*game"]

*skipstart
[skipstart]
[jump target="*game"]

;ゲーム本編に復帰
*game

[mask effect="fadeInRightBig" color="0xFFFFFF" time=800]
[clearfix name="role_button"]
[clearfix name="menu_button2"]
[cm]
[layopt layer=3 visible=false]
[button name="menu_button1" fix="true" storage="menu.ks" graphic="button/menu.png" x=1200 y=10]
[layopt layer=message0 visible=true]
[mask_off  effect="fadeOutLeftBig" time=800]


ゲームを一時停止するタグ[sleepgame]と復帰する[awakegame]を
使おうと思いましたが、一時停止すると
オートやスキップが出来なくなるため使用しませんでした。
ゲームを止めるのには[s]を使用しています。

2行目の[mask]タグで幕を出して、幕を出している間(3~19行目)で
ボタンの配置やメニューボタンの切替(4~5行目)を行っています。

メニューボタンの切替はゲームプレイ時はメニューを表示する機能、
メニュー表示時はゲームに戻るためのボタンになります。

21行目の[s]でメニューを表示している状態を維持して、
再び右上のメニューボタンを押すと*gameにジャンプして
[mask]して元の画面に戻していきます。

ここでもメニューボタンの切替を行い、
メニューボタンをメニューから復帰するボタンから
メニューを開くボタンに切り替えています。





欠点も…

このメニュー表示をする欠点としてはメニューを表示した後に
ゲームに復帰するとコードが1行進んでしまうこと。

選択肢を出して[s]でストップしている状態で
メニューを表示すると[s]の次の行に進んでしまいます。

なので、選択肢部分は以下のようにします。

;選択肢
*sen1
[glink target="s1-1" text="電話する" size=30 width="500" x=330 y=200]

[glink target="s1-2" text="電話しない" size=30 width="500" x=330 y=320]

[s]
[jump target="*sen1"]

*s1-1

[layopt layer=message0 visible=true]
(いや拷問かよ まあ会って言われるよりいいか)[p]

2行目に選択肢のボタンを表示する前にラベルを置いて、
[s]の1行後にラベルを表示するところに戻します。

これで選択肢のボタン表示を維持する[s]がメニュー表示後、
1行進んでしまってもジャンプタグになります。
選択肢表示にジャンプされるので、
選択していないのに先に進んでしまう…ということが起こりません。

ちなみに[sleepgame]を使用したときは1行進むということは起きませんが、
メニューでのオートやスキップを捨てることに…
もしかしたらいい方法があるのかも知れませんが、
詳しい方いらっしゃいましたら教えてください!



以上となります。
メニュー表示は汎用性が高いので色々自分でも使いまわしていこうと思います。



それではまた!



ごいしはまぐりではブラウザでプレイできるノベルゲームも制作しております。
作品一覧はこちらです。

-ティラノスクリプト

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ティラノスクリプト備忘録44
ランダムシナリオ

 こんにちは!今回はランダムでシナリオを表示するコードを作成しました。 今回のテスト内容は10つのシナリオの内、ランダムで3つを表示した後にエンディングに進むという作品に使用できます。まずは動画とコー ...

ティラノスクリプト備忘録20
ループ処理

 備忘録20回目はループ処理についてご説明します。ティラノスクリプトにはfor文のようなものが無いので、ラベルとジャンプ、ifで代用します。 具体的なコードと動画は以下の通りです。 ループ処理 ループ ...

ティラノスクリプト備忘録13 ボタンにメニューの機能をつける

デフォルトで表示されている右下の歯車ボタン…menubuttonについてです。歯車を押してメニュー画面を開いてセーブロード等、画面を用意せずにプレイ画面で直接セーブロードやスキップなど出来るようにする ...

ティラノスクリプト備忘録28
カメラと背景

 こんにちは!今回は[camera]タグと背景についての覚え書きです。 [camera]タグは少ない画像でも多くの演出が出来て本当に便利! でも、カメラを動かすと背景が下の動画のようになってしまいます ...

ティラノスクリプト備忘録2 サウンドロゴ

ティラノスクリプト備忘録第2弾は「サウンドロゴ」。ゲームを起動したときにサークル名のサウンドロゴを表示させます。導入することで、サークル名や存在をアピール出来そうですね。以下はfirst.ksの中身で ...

アーカイブ