ノベルゲームウィザード

テキストの表示


ここではテキストの表示方法について解説します。

テキスト表示の基本的なルール


テキストの表示には、2つのルールがあります。

  1. テキスト表示用のウィンドウを先に表示する。

  2. テキストの表示の際にウィンドウの番号とテキストの番号を合わせる。

次の項で、上記のルールに沿ったテキスト表示のやり方を説明します。

テキスト表示のやり方


はじめに「ウィンドウの表示」を選択し、追加ボタンを押します。

ウィンドウの表示の追加
ウィンドウの表示のプロパティ

次に「テキストの表示」を選択し、追加ボタンを押します。
この時、プロパティの番号をウィンドウの表示で設定した番号と一致したものにします。
この番号はテキストをどのウィンドウに表示するかを指示するものとなります。

テキストの表示の追加
テキストの表示のプロパティ1

テストプレイを実行すると以下のような表示になります。

テストプレイ-テキストの表示1

複数のテキスト(ウィンドウ)を表示する


画面に複数のテキストを表示する方法を説明します。
ノベルゲームウィザードではテキストをいくつも表示することができるため、幅広い表現を実現します。

上記の説明で行った操作の続いて、「ウィンドウの表示」の追加を行います。
プロパティの番号は1とし、位置Yは24とします。

二つ目のウィンドウの表示

次に「テキストの表示」の追加を行います。
プロパティの番号は1とします。

二つ目のテキストの表示

テストプレイを実行すると以下のような表示になります。

テストプレイ-テキストの表示1

キーを入力すると2つ目のテキストとウィンドウが表示されます。

テストプレイ-テキストの表示2

入力操作を必要としないテキストの表示


プロパティの「入力を待つ」をオフにすることで、入力待ちをせず即座に次の処理を行います。
1つ目のテキストの表示の「入力を待つ」をオフにして実行してみましょう。

テキストの表示のプロパティ2

テストプレイを実行すると以下のように1つ目のテキストで入力を待たず、即座に2つ目のテキストが表示されます。

テストプレイ-テキストの表示2

特殊なテキストの表示


ノベルゲームウィザードでは、ゲーム内で管理している情報を元にしたテキストを表示することができます。

  • プレイ時間を表示する。

    テキストに {c.time} と入力します。

    プレイ時間を表示する

    テストプレイでの表示は以下のようになります。

    テストプレイ-プレイ時間を表示する
  • 変数の中身を表示する。

    テキストに {変数名} と入力します。今回の場合は変数 var_1 を使用するので {var_1} と入力。

    テキストの表示のプロパティ-変数の中身を表示する

    変数の中身を設定する。
    内容の一番上にカーソルを移動させ、「変数の代入」を追加します。

    変数の代入の追加

    プロパティの名前を var_1 に変更、値または式を 1192 にします。

    変数の代入のプロパティ-変数の中身を表示する

    テストプレイでの表示は以下のようになります。

    テストプレイ-変数の中身を表示する

BBCodeによるテキスト表現


BBCode は、テキスト表示をカスタマイズするタグのことです。
マークアップ言語のため、HTML とよく似ていますがタグは角カッコ [ ] で括り使用します。

テキストをボールド(太文字)にする場合は
[b]太文字にするテキスト[/b]

テキストの表示のプロパティ-太文字-BBCodeによるテキスト表現

テストプレイを実行すると以下のようになります。

テストプレイ-太文字-BBCodeによるテキスト表現

テキストにアイコン画像を入れる場合は
[img=サイズ]画像のアドレス[/img]
今回の場合は、[img=24]res://addons/novel_game_wizard/assets/sprites/pencil_01_32_32.png[/img] となります。

テキストの表示のプロパティ-アイコン画像-BBCodeによるテキスト表現

テストプレイを実行すると以下のようになります。

テストプレイ-アイコン画像-BBCodeによるテキスト表現

いろいろなBBCode


ここでは様々な BBCode のサンプルを一覧で紹介します。

BBCode に関する詳しい情報については、以下のリンクを参照ください。
https://docs.godotengine.org/en/4.2/tutorials/ui/bbcode_in_richtextlabel.html

表現 サンプル
太字 [b]Example[/b]
イタリック [i]Example[/i]
下線 [u]Example[/u]
取り消し線 [s]Example[/s]
中央揃え [center]Example[/center]
右詰め [right]Example[/right]
文字のサイズ [font_size=48]Example[/font_size]
文字の色 [color=red]Example[/color]
[color=#FF0000]Example[/color]
文字の外枠のサイズ [outline_size=8]Example[/outline_size]
文字の外枠の色 [outline_color=#FFFFFF]Example[/outline_color]
背景の色 [bgcolor=red]Example[/bgcolor]
アイコン画像 [img=24]res://addons/novel_game_wizard/assets/sprites/pencil_01_32_32.png[/img]
波のアニメーション [wave amp=50 freq=2]Example[/wave]
竜巻のアニメーション [tornado radius=5 freq=2]Example[/tornado]
揺れ [shake rate=20 level=10]Example[/shake]
フェード [fade start=4 length=14]Example[/fade]