メッセージウインドウの構成
PIX では デフォルトで シンプルなメッセージウインドウ をサポートしており、基本的な素材を揃えるだけで 基本的な ADVシーンのメッセージウインドウを利用することができます。
また「フロントコンフィグレーション
」機能により、メッセージウィンドウに付随した機能を持たせたボタンを追加することも可能です。
ここでは、メッセージウインドウ を構成する最小要素と それらの素材を説明します。
ネームプレート
ネームプレートの項目を参照してください。
プロンプト
いわゆる 「文字送りアイコン
」 です。1ページ分のテキストが表示されたあとに表示されます。
文字の直後に出すか、固定位置に出すかは設定ファイルで指定してください。
SpineやSpriteStudioを指定してアニメーションさせることもできます。
パーツ | 説明 | 素材サンプル |
---|---|---|
プロンプト | 文字送りアイコン |
メッセージウインドウ背景
メッセージウインドウ の背景になります。
コンフィグでの 「濃さ(透明度)変更
」 が出来るよう設定することが出来ます。それを念頭にデザインするとよいでしょう。
実際に表示できる メッセージの 表示位置 や 桁数/文字数 初期不透明度は 設定ファイルにより定義します。
SpineやSpriteStudioを指定してアニメーションさせることもできます。
説明 | 素材 |
---|---|
メッセージウインドウ背景 | |
行が溢れそうな時は?
PIX GAME STUDIOには自動でメッセージウィンドウを拡張する機能があります。メッセージウィンドウの素材作成時に下を画面以上に長く制作してください。メッセージがウィンドウから溢れた時に自動で拡張します。
動作サンプル
[youtube url=”https://youtu.be/2u4PePI_Gk0″ width=”600″ height=”400″ responsive=”yes” autoplay=”no”]素材サンプル
メッセージウィンドウの設定ファイル
メッセージウィンドウの詳細な設定ファイルは初期状態では、
pix/messagewindow/messagewindow.xml
にあります。
<?xml version="1.0" ?> <messagewindow file="window.png" x="0" y="529" alpha="100" width="800" height="700" > <facewindow x="48" y="40"/> <font file="" name="源暎ラテミン" size="26" weight="6" color="#ffffff" edgecolor="#000000" shadowcolor="" x="275" y="56" width="70" height="10"/> <prompt file="prompt.png" x="1150" y="140" positiontype="0" effect="flipx"/> </messagewindow>メッセージウィンドウ
<messagewindow file="window.png" x="0" y="529" alpha="100" width="800" height="700" >
項目 | 説明 |
---|---|
file | メッセージウィンドウのファイル |
x | メッセージウィンドウの座標 |
y | メッセージウィンドウの座標 |
alpha | メッセージウィンドウの初期不透明度 |
width | |
height |
フェイス設定
<facewindow x="48" y="40"/>
項目 | 説明 |
---|---|
x | フェイスの基本座標。メッセージウィンドウからの相対座標で指定します |
y | フェイスの基本座標。メッセージウィンドウからの相対座標で指定します |
フォント設定
<font file="" name="源暎ラテミン" size="26" weight="6" color="#ffffff" edgecolor="#000000" shadowcolor="" x="275" y="56" width="70" height="10"/>
項目 | 説明 |
---|---|
file | メッセージに使用する画像フォントファイルを指定します ※nameとは排他です |
name | メッセージに使用するフォント名を指定します ※Windows版以外では無効です ※fileとは排他です |
size | メッセージに使用するフォントサイズを指定します |
weight | |
color | メッセージの表示に使用するデフォルトテキストカラー |
edgecolor | メッセージの表示に使用するデフォルト縁取りカラー |
shadowcolor | メッセージの表示に使用するデフォルト影カラー |
x | メッセージテキストの表示座標 |
y | メッセージテキストの表示座標 |
width | |
height |
プロンプト設定
<prompt file="prompt.png" x="1150" y="140" positiontype="0" effect="flipx"/>
項目 | 説明 |
---|---|
file | プロンプトのファイル名 |
x | プロンプトの座標。メッセージウィンドウからの相対座標を指定します。 ※positiontype=1のときのみ有効です |
y | プロンプトの座標。メッセージウィンドウからの相対座標を指定します。 ※positiontype=1のときのみ有効です |
positiontype | 0=固定位置に表示 1=文末に表示 |
effect | エフェクト blink=点滅 flipx=左右回転 flipy=上下回転 rotate=回転 |