ゲーム制作 TyranoScript

TyranoScript Ver 5.00 と TyranoStudio でノベルゲーム開発！

03/11/2020 03/11/2020

2020 年の 1 月、TyranoScript に待望のバージョンアップデートが来ました！

ティラノスクリプト V5.0 ベータ版を配布開始。新ツール「ティラノスタジオ」も同時公開。

ということで、TyranoScript Ver 5.00 と TyranoStudio を用いたノベルゲームの開発方法を紹介します。

開発の準備

ダウンロード

まずは、ティラノスクリプトベータ版のダウンロードより、TyranoScript Ver 5.00 および TyranoStudio をダウンロードしましょう。

TyranoStudio の起動と、プロジェクトのロード

ダウンロードが完了したら、以下の手順で TyranoStudio を起動、および TyranoScript Ver 5.00 のサンプルゲームをロードします。

ダウンロードした 2 つの ZIP ファイルを展開
展開した TyranoStudio-win32-x64 フォルダの中の、TyranoStudio.exe を起動
起動した TyranoStudio 画面の右上『プロジェクト選択』をクリック
展開した tyranoscript_v500_beta_3 フォルダの中の index.html を選択

これで、開発の準備は完了です！

ゲームの実行

まず初めに、ロードしたサンプルゲームを実行してみましょう。

右上の ゲーム再生 ボタン、またはサイドバーの プレビュー → ゲーム再生 ページの ゲームを再生する ボタンで実行できます。

スクリプトの編集：エディタでシナリオファイルを開く

次に、ゲームの動作を定義している スクリプト を編集し、ゲーム動作を変更してみましょう。

サイドバーの 開発 → エディタ でスクリプトエディタを開きます。

続いて 読込 ボタンの左側のテキストボックスに、ks と入力してみましょう。

シナリオファイル一覧が表示されましたね！

このテキストボックスは、開きたいシナリオファイル名を入力するエリアで、入力した文字列から対象のファイル名を推測表示してくれます。

全てのファイルを表示したいときは、ks と入力すると良いですよ！

では、scene1.ks を選択し、読込 ボタンをクリックしましょう。

スクリプトの編集：支援機能を使う

スクリプトを開くことができたので、少し編集してみましょう。

こんな動作を目指します。

BGM を再生（対象ファイルは、サンプルゲームに同梱のもの）
背景を『廊下』に変更
キャラクター「アカネ」を表示
- 表情は「悲しい」
- 表示位置は、画面中央よりも少し左
カメラズーム

scene1.ks の 45 行目 「さて、ゲームが簡単に作れるというから、来てみたものの[p] の下に、これらの処理スクリプトを記述していきます。

……しかし、BGM 再生、背景変更 ……どうやって書けば実装できるのか、わからなかったり、忘れたりしちゃいますよね。

そんなときには、TyranoStudio のタグ入力支援機能を使用しましょう！

タグリファレンス

『タグリファレンス』ページには、以下のような支援機能があります。

① タグ検索
- タグ名の一部でも知っていれば、絞り込み検索することが可能
② タグ詳細の参照
- パラメータ、解説、サンプルコードを参照する
- 一部のタグ（[camera] など）には、デモサイトへのリンクも
③ タグの作成
- 作成したタグは コピー 可能
④ タグの実行
- ③ で作成したタグを、再生中ゲームにテスト反映する

サイドバー 開発 → タグ で『タグリファレンス』ページを開き、以下の機能を試してみてください。

① タグ検索

② タグ詳細の参照

③ タグの作成

④ タグの実行

ゲーム素材

『ゲーム素材』ページには、以下のような支援機能があります。

① 素材参照
- 各種画像や音声、動画ファイルの一覧表示
- プレビューも表示できる
② 座標プレビュー
- 画像素材に限り、再生中ゲームに素材を乗せて、座標確認が可能

サイドバー 開発 → ゲーム素材 で『ゲーム素材』ページを開き、以下の機能を試してみてください。

① 素材参照

※『ゲーム素材』ページに表示されている素材は、全て プロジェクトフォルダ/data/ 以下にあります。

② 座標プレビュー

キャラクター

『キャラクター』ページでは、

定義済みキャラクター要素一覧の確認
キャラクター関連タグの作成

が可能です。

※この機能は、ゲーム再生中のみ使用できます。

ゲームを再生した状態で、サイドバー 開発 → キャラクターを開きましょう。

スクリプトの編集：実演

目標とする動作は、以下のとおりです。

BGM を再生（対象ファイルは、サンプルゲームに同梱のもの）
背景を『廊下』に変更
キャラクター「アカネ」を表示
- 表情は「悲しい」
- 表示位置は、画面中央よりも少し左
カメラズーム

TyranoStudio の各種支援機能を用いて、上記スクリプトを制作する様子を動画にしてみました。

最終的に実装したコードは以下のとおりです。

; ============= ↓ ここから編集 ↓ =============
[playbgm  storage="music.ogg"   ]
[bg  storage="rouka.jpg"   ]
[chara_show  name="akane"  face="default"  left="157" top="46"  ]
[camera  zoom="2"  ]
; ============= ↑ ここまで編集 ↑ =============

動作確認

TyranoStudio では、動作確認の支援機能もいくつか提供されています。

デバッグコンソール～実行中スクリプトの確認

デバッグコンソール 機能を使うことで、再生中のゲームについて、「現在どこのスクリプトを実行しているのか」をリアルタイムに確認することができます。

変数ウォッチ～定義した変数の値の監視

変数ウォッチ 機能を使うことで、スクリプトで定義したゲーム内変数の値の変化をリアルタイム監視することができます。デバッグコンソール 同様に、ゲーム再生中でのみ使える機能です。

『変数』がわからないという方は、こちらの記事を御覧ください → 変数と演算を活用する - ティラノスクリプト

実験用に、エディタ で変数を定義してからゲームを再生してみましょう。

; ============= ↓ ここから編集 ↓ =============
[iscript]
  f.gameVar = 1;
  tf.tmpGameVar = 'hello';
  sf.systemGameVar = [true, false];
[endscript]
; ============= ↑ ここまで編集 ↑ =============