ごいしはまぐり

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


ティラノスクリプト

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

投稿日:2019年6月2日 更新日:


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



ゲームのシステム関係の機能って…


メニューボタンの説明の前に少し最近思うことを。
個人的にはゲームの画面と機能は極力シンプルなのがいいと思っています。
例えばセーブをするのにも


「セーブするのにメニュー画面を開く」
→手数が1つ増えてめんどくさい。。


「多くのボタンが並んでいる中からセーブ」
→セーブボタンはどこ?探すのがかったるい…
 (それは探すのが0.1秒の時間でも)


とにかくUIを魅せるゲーム以外はボタンは無いにこしたことない…
特にスマホでのプレイだと画面上のボタンを押すのは一苦労です。

対策方法


以下はscene1.ksの冒頭部分です。

;メニューボタンの表示
;@showmenubutton

[button name="role_button" role="skip" graphic="button/skip.png" x=930 y=520]
[button name="role_button" role="save" graphic="button/save.png" x=1020 y=520]
[button name="role_button" role="load" graphic="button/load.png" x=1110 y=520]
[button name="role_button" role="auto" graphic="button/auto.png" x=1200 y=520]


メニューボタン(歯車ボタン)の表示をさせないようにコメント化、もしくは削除した後で、メニュー画面のボタンに相当するボタンを画面に表示させます。

role= の後がそのボタンの役割になります。
roleで指定出来る機能は以下の通りです。


save(セーブ画面を表示します)
load(ロード画面を表示します)
title(タイトル画面に戻ります)
menu(メニュー画面を表示します)
window(メッセージウィンドウを非表示にします)
skip(スキップの実行)
backlog(過去ログを表示)
fullscreen(フルスクリーン切り替え)
quicksave(クイックセーブ実行)
quickload(クイックロード実行)
auto(オート開始)
sleepgame(ゲームの状態を保存してジャンプ)



それではまた!



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

  
皆さまの応援が励みになります。クリックして頂けると幸いですm(_ _)m

-ティラノスクリプト

執筆者:


comment

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

関連記事

ティラノスクリプト備忘録45
パスワード入力

 今回はパスワードの入力ボックスとボタンを表示して、入力ボックスの文字とパスワードが合っていれば先に進むというサンプルを作成しました。 まずは動画とコードをどうぞ。 ノベルゲーム制作におすすめの本   ...

ティラノスクリプト備忘録6 テキストボックスに入力した内容を変数に入れる

ティラノスクリプト第6弾は変数にプレイヤーが入力した内容を入れる方法です。テキストボックスに入力して、入力した内容を表示させるということをティラノスクリプト上で行います。文字が入力されていない場合や、 ...

ティラノスクリプト備忘録40
マクロに値を渡す

 今回はティラノスクリプト[macro]タグで変数を渡す方法についてご説明します。 [macro]タグは繰り返し同じようなタグの組み合わせを使用しているときに使うとコードが短くすることが出来るので制作 ...

ティラノスクリプト備忘録5 変数によるIf分岐

ティラノスクリプト備忘録第5弾は「変数によるIf分岐」の作り方です。ボタン以外の分岐があると、ゲームとしての奥深さを表現出来たりしそうですね。ティラノスクリプト備忘録3では変数の出力について、 ティラ ...

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

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

アーカイブ