「Studio F#」さんの連載コラム

作者様：ホームページ、ブログ、ニコ生、Twitter
作品：天使の証（体験版）、シュガードロップ・ブレイクアウト
Studio F#さんの連載コラム：01、02、03、04、05、06、07、08、09、10
11、12、13、14、15

---

■作業の流れ

初期設定が終わったところで、これからの作業の大まかな流れです。
べつに決まりがあるわけではありませんが、とりあえず私が普段考えている順番で進めてみますね。

（１）立ち絵・背景画像を作る
↓
（２）背景とシナリオを流し込む
↓
（３）立ち絵をつける
↓
（４）イベント絵をつける
↓
（５）音（BGM・効果音）をつける
↓
（６）デバッグ・各種おまけの調整・完成！

私はシナリオが完成したあと、私自身はだいたいこういう順番で作業しているのですが（実際には、４ではイベント絵はラフのみ用意して組み込んで、５の後に作画仕上げをしています）、例えばシナリオ流し込みと同時に音をつけるとか、そういう方がテンションが上がったりするかもしれませんので、その辺は自分の気持ちいい作業手順を探してみると良いかと思います。

で、このコラムは主に文章書きさん向けなので、上の工程のうち、立ち絵とイベント絵は無くてもゲームになります。ですので、画像関係は苦手だな?、と思われる方は、背景画像以外はスルーしていただいても大丈夫です。
また、立ち絵は用意すべき画像から鱧天の独自仕様になっておりますので、作り方と使い方は後で説明をいたしますね。

---

■背景画像を作る

作るというと大仰ですが、描く必要はありません。
インターネットには、無料で使わせて頂ける素晴らしい写真やイラストの素材がありますので、シナリオの場面に合いそうな画像素材を見つけて、800×600ピクセルにリサイズしましょう。風景によっては、自分でロケハンに出て、写真撮ってきて使うのでも良いですね。

色々、加工のテクニックなんかもあったりしますが、色々調べてやってみてもいいし、やらなくてもいい。
それに、何も場面に合わせた風景が無いといけないわけでもありません。昔実際やっていたことがあるのですが、紙テクスチャの背景とか、おすすめですよ。

とりあえずここでは背景を２枚ばかし用意してみます。






どちらも今回は私が自分で撮影した写真から加工して作りました。
ひとまずこれを、背景画像を入れるフォルダがありますので、そこに保存します。

graph/bgimage/

です。ここに、ゲーム中で背景として扱う画像を必要なだけ保存します。




とりあえず、samplebg.png、samplebg2.pngという名前の画像にしてみました。
それから、説明用に時間差分も作って、samplebg3.png、samplebg4.pngです。

※背景は作業中に演出上追加で必要になることが多いので、とりあえず思いつくものだけ準備して、あとは都度作業して増やしていくかんじで大丈夫かと思います。

---

■タイトル画面と情報ウインドウの背景

上のスクリーンショットを見て頂けたら、なんか青色で「鱧天」と書いてある画像が２枚あると思います。
これらは、ゲーム内で必須の「タイトル画面」と「このゲームについて」の背景になります。
今回、コラムではこのサンプルのまま進めますが、ご自分のゲームを作るときは、これは両方自分のゲームタイトル用の背景に差し替えてください。同じサイズの画像で上書きすればOKです。

ちなみに、タイトル画面のデザインなんかも、デフォルトでそのまま使える状態のものが組み込んであります。 どんなものかというと、




みたいな感じです。
クイックセーブ＆ロードが組み込まれているので、クイックセーブデータがある場合は画面右下に「再開」というボタンが出てきます。

ボタンは濃い色の背景を使っても沈まないようにしてありますので、好きな背景を差し込んでいただければ、ゲームのタイトル画面っぽくなると思われます。
セーブ＆ロード、コンフィグは汎用的な感じのデザインで組み込み済みなので、特に触らなくても大丈夫です。


ロード画面


コンフィグ画面

エクストラメニューには、標準でエンディング回想とCGギャラリーが入っています。
使い方はまた後ほど解説しますね。




（つづく）

---

●感想をTwitterでつぶやいてみよう！

このコラムをご覧になられた方は
是非一度Twitterで感想をつぶやいてみて下さい♪

ツイート