Top > STEP16 エンドロールの作成
HTML convert time to 0.032 sec.


STEP16 エンドロールの作成

Last-modified: 2013-04-20 (土) 16:57:49

「エンドロール」は主に制作スタッフの紹介を行うものです。
よくゲームや映画では物語やキャラクター達のその後を表示しながら、スタッフ名が表示されたりもします。
経過した物語のハイライトとともに表示したりと、色々な作り方があると思います。
今回はそこまで凝ったことはせず、黒画面に白文字で淡々と表示する形にしていきます。

 

まずは「エンドロール」の構成を考えていきましょう。
スタッフと言っても、一人だけだったりしますので、今回の物語のキャラクター紹介を入れていきましょう。
キャラクターの画像をちょこちょこ出してあげるのも良さそうです。

 

「キャラクター紹介」:「娘」、「父」、「ニワトリ」、「森のボス」と紹介していきましょう。

 

「スタッフ紹介」:私「ぴぽ」とだけ。

 

「スペシャルサンクス」:「WOLF RPGエディター&サンプルデータ」としましょう。

 

それでは、さっそく「エンドロール」を作成していきます。

 

【INDEX】


 

「エンドロール」用フラグの作成 Edit

まずは、色々と初期設定になるのですが、「エンドロール」の進行用に「変数(フラグ)」を1つ作ります。
「システムデータベース」を開いて「14:通常変数名」に「エンドロール進行」という変数を加えます。データ数が足りない場合は下の「データ数設定」ボタンを押して増やします。
step16-001.jpg

「エンドロール」用マップの作成 Edit

次に、「エンドロール」用に新しいマップを作ります。
step16-002.jpg

 

ファイル名データベースへの登録名再生BGMを設定していきます。
step16-003.jpg

「エンドロール」制御イベントの設置 Edit

何も置かれていない真っ黒なマップができましたので、これをそのまま背景としていきます。
適当な位置に「エンドロール」制御用のイベントを配置します。
step16-004.jpg

 

名前起動条件を設置していきます。
このマップに切り替わったとともに自動的にイベントがスタートするよう「自動実行」。
さっそく「フラグ:エンドロール進行」を使っていきます。「エンドロール進行 が 5 以下(0~5の時)」の場合にイベントが処理されていきます。
「エンドロール」が進行していくたびに、「フラグ:エンドロール進行」を1ずつ増やして、最後に6にします。それ以降はこのイベントは消失します。
step16-005.jpg

「キャラクター紹介」用イベントの設置 Edit

「キャラクター紹介」のキャラクター画像を表示するためのイベントも設置します。
メッセージ表示とのバランスを見て、横中央・縦中央ちょい上といった位置です。
step16-006.jpg

 

名前を設定します。
起動条件(表示条件)「エンドロール進行 が 0 と同じ」時は何も画像が設定されていない透明状態で表示します。
step16-007.jpg

 

紹介するキャラクター分の「ページ」を一気に追加していきます。

 

「ページ2」は「娘」、「エンドロール進行 が 1 と同じ」時に表示されます。
step16-008.jpg

 

「ページ3」は「父」、「エンドロール進行 が 2 と同じ」時に表示されます。
step16-009.jpg

 

「ページ4」は「ニワトリ」、「エンドロール進行 が 3 と同じ」時に表示されます。
step16-010.jpg

 

「ページ5」は「森のボス」、「エンドロール進行 が 4 と同じ」時に表示されます。
紹介するキャラクター「森のボス」で最後になり、「フラグ:エンドロール進行」が5になりますので、その時点でこのイベントは非表示になります。
step16-011.jpg

「エンドロール」の全処理 Edit

下記が「エンドロール」の全処理になります。
STEP15のシーン9の作成で最後に「色調変更」で画面を真っ暗にして終わっているので、最初に「色調変更」で画面を元に戻します。
あとは「フラグ:エンドロール進行」を使い、キャラ画像を切り替えつつ、「ピクチャ」でメッセージを表示していきます。
最後に「フラグ:エンドロール進行」を「6」にして、「エンドロール制御」イベントを消去し、「エンドロール」の終了となります。
step16-013.jpg

 

次は全処理の中から、いくつ追加説明をしていきます。

「タイトル画面」に戻る処理 Edit

「エンドロール」の最後に「タイトル画面」にもどるように設定しました。上の画像の下から2行目の「タイトル画面へ戻る」という処理がそれになります。
これはゲームを初期状態に戻して、指定してある「ゲーム開始位置」に移動させるコマンドです。
「その他1」タブの「タイトル画面へ」を押します。

[tip]ウディタ2では?
 イベントコマンド「イベント制御」

今回の場合は「タイトル画面へ」の右にある「ゲーム終了」(ゲームプログラムを終了させる)でも構わないかもしれません。
step16-012.jpg

「ピクチャ番号」について Edit

今回は初めて「ピクチャ」を2枚同時に表示しています。
「表示タイプ:文字列をピクチャとして描画」を使って、「キャラクター紹介」というメッセージや、「娘」というメッセージを「ピクチャ」として表示しているわけです。
このように「ピクチャ」を複数枚同時に表示する際には「ピクチャ番号」に注意しなければいけません。
例えば、「キャラクター紹介」というメッセージを「ピクチャ番号1」で表示した場合に、「娘」というメッセージを同じく「ピクチャ番号1」で表示した場合は先に表示した「キャラクター紹介」というメッセージは消えてしまいます。
「ピクチャ」を消去する場合も消したい「ピクチャ番号」が違っていると、違う「ピクチャ」が消されてしまいますので、取り扱う「ピクチャ」の内容と「ピクチャ番号」の管理をしっかりしなければなりません。
step16-016.jpg

 

「ピクチャ番号」「ピクチャ」タブの左上に設定場所があります。
step16-014.jpg
step16-015.jpg

 

ちなみに「ピクチャ」は処理速度的な限界もあると思いますが、ほぼ無制限に表示することができます。
もちろん「ピクチャ番号」もそれにあわせて設定することになりますが、「ピクチャ番号」には表示する順番をあらわす以外にもう一つ意味があります。
複数の「ピクチャ」を重ねて表示させたとき、「ピクチャ番号」が大きいほど上に表示されます。
「ピクチャ」を含んだ「ウディタでの表示物全体の表示順」にも「ピクチャ番号」が意味を持っています。

○ウディタでの表示プライオリティ

表示順表示内容
上に表示100,000番以上のピクチャ
 ↑文章・選択肢
 ↑0 ~ 99,999番のピクチャ
 ↑イベント・パーティキャラ・上位表示のマップ(屋根など)・フォグ
 ↓-1 ~ -99,999番のピクチャ
 ↓マップ
 ↓-100,000番以下のピクチャ
下に表示マップ遠景
 

一部の「ピクチャ番号」「基本システム」の各処理で使用されていますので、注意しましょう。
詳しくは「基本システム予約データ 使用ピクチャ番号」を参照。

BGMの「フェードアウト」処理 Edit

再生中のBGMを「フェードアウト」(音量を徐々に小さくして、BGMを停止させる)させる処理は、「サウンド」タブを選択して。

  • 音声の指定方法を「システムデータベースから直接選択」。
  • BGM指定を「停止」。
  • フェード時間を任意のフレーム数。
    フェード時間が「0」の場合は「即停止」となります。

と設定することで、実行することができます。
step16-017.jpg

 

「エンドロール」の追加説明は以上です。

「シーン9」と「エンドロール」接続処理 Edit

「エンドロール」が完成しましたので、次はSTEP15で作成した「シーン9」の最後と接続させます。

 

村マップに切り替えて、イベント「シーン9制御」を編集していきます。
最後に下図の赤枠部分の3行を追加します。
最後の「場所移動」は「エンドロール」マップへの移動ですので、問題ないと思いますが、その上にある2行の「キャラ画像」というのが新しいものになります。
step16-018.jpg

 

これはパーティーメンバーの歩行グラフィックを操作する機能になります。
実際にパーティーメンバーを変更したり、削除したりというのはSTEP15で「ニワトリ」が仲間になるイベントで「コモンイベント」を使って行ないましたが、こちらは画像・見た目を操作するものになりますので、実際パーティーメンバーが変更されたり、削除されたりということはありません。
例えば、隊列を組んでゾロゾロ歩かせたくない場合は先頭のキャラ以外を表示から削除したり、衣装を着替えて見た目が変わるようなイベントを用意したりなど出来るのではないかと思います。
「ドラゴンクエストシリーズ」の死亡キャラを棺の画像にするというのもできそうですね。

 

さて、今回の場合は「エンドロール」に移行するにあたって、味方キャラの歩行グラフィックが表示されたままだと見た目に邪魔になるため、パーティーメンバーの画像を全部削除します。パーティーメンバーは「娘」と「ニワトリ」になるので、それぞれの画像を削除していきます。
「キャラ画像」タブを選択して、「削除」をチェック、「何人目」で対象を選択します。

[tip]ウディタ2では?
 イベントコマンド「パーティ画像」

step16-019.jpg

 

 
 

以上で「エンドロール」の作成は完了です。

 

icon04.gif 続いて、「STEP17 タイトル画面の作成」に進みましょう。



※TOPページでの説明どおり、コメント受付を停止させていただきました。