みなさんこんにちは、アーティスト志望の東滉子です！

遂に、今回で最後のブログです。
インターンシップが始まってから、今までゲーム制作を行ってきた日々を思い返すと、
非常に寂しい気持ちになりますね。

今回は、β版完成とその後についてのお話をしていきたいと思います！


■β版完成！
前回のブログでは、「ゲームに必要となる素材の発注表」や「ストーリーイラストの作成」について、お話しました。

今回のβ版では、ゲームデザイナーの津田さんと前田さんのブログにも書いてありますが、
α版のプレゼンテーションで指導担当者の方々に指摘していただいた点と、そのアドバイスを踏まえ、
ゲームの仕様をしっかりと組み立てなおし、そこからβ版の制作へと取り掛かることとなりました。

β版の作業に向けて、ゲームの方向性の確認を行い、そこで新たに追加された素材やゲームの仕様変更により
削除された素材がでてきました。

そして、β版に向けて発注表も修正され、α版と同様、ひたすら素材の作成です！



これから作成する素材の内容としては、
・ストーリーイラストのブラッシュアップ版
・追加されたモーションの作成
・β用の敵のモーション作成
・ヘルプ画面の作成
・メニュー画面のイラスト
などなど！
やらなければならないことは山ほどあります。

その中でもメニュー画面のイラストについてお話したいと思います。
まず、下のイラストをご覧ください。



背景にいるキャラクターが目立っているため、ロゴの存在感が薄くなってしまっているのがわかります。
トップメニューに入れるはずのイラストでしたが、このゲームで強調すべき部分は「プリドア」であって、
後ろのキャラクター達ではありません。

ロゴを強調するために、後ろのキャラクター達のイラストは没となり、今ではロゴのみとなっています。



このように、ゲームの仕様変更で没となった素材の他に、デザイン性を考えた結果、没となった素材もありました。

これらを乗り越えて、ついにβ版完成です！


■β版完成後
β版が完成し、次に行われるのがデバッグ作業です。
デバッグについては他のブログでもご紹介があるので、このブログでは作業中の様子をお伝えしたいと思います。

デバッグ作業では、私たちが制作したゲームを、自分たちで実際にプレイします！
何度も何度もゲームをプレイしなければならないので、自然と操作も上手くなっていくので驚きです。



それでは！ここで実際に見つけたバグをいくつか紹介していきたいと思います。

☆バグその１
「敵が壁まで来ると消滅してしまう」
このバグは、消えるはずの無い敵キャラクターが、壁まで来ると突然消えてしまうというものです。

【手順】
1.右下の壁の所まで、プレイヤーを移動させます。


↓
↓
2.敵がプレイヤーを追ってくるので、そのまま壁の前で待機すると...



「んんん！？」

これは、プレイ画面中に起きているバグで、出現回数も多く、修正の優先順位は高めです。


☆バグその２
「オープニングに戻る時に一瞬映るGAME OVERの文字」
このバグは、ゲームオーバーの画面からオープニングに戻る時、画面が真っ暗になった瞬間何故か
「GAME OVER」の文字が表示されてしまうというものです。

【手順】
1.ゲームオーバー画面からオープニングに戻ります。

↓
↓
2.オープニングに戻るため、段々と画面が暗くなっていきます。

↓
↓
3.画面が真っ暗になると同時に一瞬だけ現れる謎の「GAME OVER 」！！



なんということでしょう！？

ほんの一瞬のバグではありますが、バグはバグです。
ゲームを完成させるためには、ちゃんと修正しなければなりません。


☆その他のバグ
1.「見切れた状態で左右にぶれる敵」



2.「骨とプレイヤーに挟まれたドラゴンが左右に反転しながら攻撃してくる」
このとき、プレイヤーは自由に動けますが、右を向かないはずのドラゴンが反転しながら攻撃してきます。




この他にも、プレイヤーがマップから押し出されたり、壁を突き抜けて画面外に落ちてしまったりと、
まだまだバグは沢山！

これらのバグは、バグ報告表を使用してプログラマーに報告します。
報告されたバグは、プログラマーが発生箇所を特定し、そこを修正します。

デバッグ作業を終えて、ついにゲームの完成です！


■最後に
第14回FUKUOKAゲームインターンシップに参加して、約1ヶ月という長いようで短い期間。
その言葉通り、あっという間に時間は過ぎてしまい、もうインターン最終日です。
「スケジュール通りにやろう！」と頑張っても、結局はα版・β版共に完成予定日とずれてしまい、
作業が遅れ気味になってしまったこともありました。
なかなか上手くいかないものですね...。

しかし、体調管理に関してはバッチリなので、誰一人休むことなく制作に取り組むことができました！

もしも、このインターンシップに応募しようかと迷っている人がいたとしたら、迷わずアタックしてほしいです！

「ゲーム会社でゲームをつくることができる」というだけでも十分に凄い事ですが、社員さんと話が
できるという機会を与えてくれるのは、本当に貴重なことです。
質問すればするほど、新たなことに気づくこともでき、さらに、ものの見方や意識も変わると思います！
そして、自分自身を見つめ直すとてもいい機会になるので、「自分がこれから何をすべきか」という課題と
目標を持つことができます。

インターンシップが終了しても、「今回経験して学んだこと」、「ものづくりに対する熱量」を忘れず、
今後も成長し続けられるよう頑張っていきたいと思います。

インターンシップでお世話になったチームみんなと、サイバーコネクトツーの全社員様、
今まで本当にありがとうございました。


これで、私のブログは終了となります。
最後まで読んでいただきありがとうございました。


■サイバーコネクトツーのウェブサイトはこちら


＞＞【2013春】サイバーコネクトツー：デザイナーコース 東滉子さん（１）
＞＞【2013春】サイバーコネクトツー：デザイナーコース 東滉子さん（２）

こんにちは！アーティスト志望の菅野秋穂です。

今回、最後のブログということで、私が大いに苦戦したUIの話と、まとめとしてインターンシップで学んだことを
お話したいと思います。


■UIの重要性
UI(ユーザーインターフェース)とは、ゲームでいうと、各種アイコン、文字、体力ゲージなどといった
「表示周り」と呼ばれる部分です。
前回はタイトルロゴのお話をしましたが、現在つくっているゲームに必要な素材は他にも、
エフェクトや体力ゲージなどいろいろあります。

こういったものって、ゲーム中のキャラクターや背景に比べると、簡単につくることができそうに見えますよね。
しかし、決してそんなことはないんです。

エフェクトや体力ゲージなどといったものは、ゲームを操作する上で目には入るけれど、
あまり意識はしないと思います。
しかし、UIが世界観や状況にしっくりはまっていて初めて、ユーザーは違和感を覚えることなくプレイできるのです。

なので、良いデザインがプラスになると言うよりは、悪いデザインだったり、邪魔だったり、
良くないところがあると大きくマイナスになるものなんですね。
なかなか難しいところです。


■まずは必要な素材の書き出し
今回のゲームで必要となる素材は大きく分けると、ゲーム中の文字、エフェクト、姫の体力ゲージ、そして小物、
この4つになります。

はじめに、ゲームデザイナーからもらった発注表を見ながら、つくる素材の数を把握します。



必要な素材を付箋一枚にひとつ、という形で書き出し、優先順位をつけてパソコンに貼っていくのですが、
並べて見てみるとこんなにもありました。




■仮素材の提出
そして、アーティストに求められるのが、素材を提出する速さ。
ゲーム画面は、アーティストが素材を作り、出来次第プログラマーに渡し実装してもらう、というかたちで
出来ていきます。
要するに、素材がないと、プログラマーは作業が進まないんですね。

『ラフでも何でも良いので、とりあえず、仮の素材すべてをつくって提出しておく。』

こうすれば画像を差し替えるだけで良いので、プログラマーの作業は進むし、
アーティストは仮素材の清書をするという単純作業に移れます。

これは社員さんに教えていただいたのですが、何よりも重要なことですね。




■清書
仮素材の提出がおわると、清書をはじめます。
つくった順に、注意した点を交えながらそれぞれ少しずつ紹介したいと思います。

①文字アイコンのデザイン
付箋に書き出していって、その多さに一番危機感を覚えたのは、ゲーム中の文字アイコンでした。
それだけでなんと12種類もあったのです。

文字アイコンをつくる上で気をつけなければならないことは、デザインを一貫すること。
たとえばボタンは、同じデザインにすることによって、それを選択すると似たような動作がおきる、という
予想がつきます。



文字アイコンは文字だけに、UIの中でも比較的じっくり見られるところではあると思うので、色が似通っていないか、
ずれがないかなど、かなり意識してつくりました。

②姫の体力ゲージ
その次に作成したのが体力ゲージになります。
これは画面の端に配置されるので、ある程度目立たなければ、ゲージが減っていることに気付かないなどといった
問題が起きてしまいます。
明るめのピンクやグラデーションを使ったり、姫の顔に変化を加えたりすることで、
プレイヤーの目を引く工夫を施しました。



③エフェクト
こちらは全部で10種類。
エフェクトは、アニメーションをつくらなければなりません。
細かい作業ですが、これがあるとないとでは大きく変わってきます。



エフェクトをつけると、かなりゲームらしさが出てきます。
自分がつくったものが実際ゲーム画面でアニメーションするのはなかなか嬉しいですね。

④小物
小物のひとつに、ゲーム中の回復ポイントであるトイレがあります。
私はこのトイレの作成にかなり苦しめられたので、紹介しようと思います。

まず下のイラストをご覧ください。



ここで、チームの皆に見てもらうと、
・フチが細いと、背景と同化してしまいそう
・姫が入るトイレなので、もっとゴージャスでも良い
という意見が出ました。

そして、インターネットでゴージャスという単語を調べ、いろいろ試行錯誤して出来たのがこちら。



1発目と比べて存在感が増したのではないかと思います。

ついでに余談ですが、このトイレ、姫が入って出てきた時に、フローラルの香りのしそうなエフェクトが
ついているんです！



と、こんなぐらいですが、少しはUIデザインの大変さが伝わったでしょうか。

ひとつのゲームをつくるのに、背景とUIデザインだけで、こんなに仕事があるとは予想外でした。
ですが、私の担当分はすべて提出し終わり、ゲームもまもなく完成になると思います。
楽しみです。


■インターンシップで学んだこと
私はゲームの専門学校に通っていますが、まだ1年生で、3Dのムービーをつくった経験しかなく、
ゲームをつくったのはなんと、今回が初めてなんです！

インターンシップが始まる前、過去のインターンシップブログを見て、サイバーコネクトツーでは、
チームでひとつのゲームをつくるんだな、というのはわかっていたのですが、実際、どのような仕組みで
ゲームができているのさえ理解できていなかったのです。

今回このインターンシップで、本当に良い経験が出来ました。
自分たちでつくったゲームをプレイできるのが、何よりも嬉しいです。
制作期間中、いろいろトラブルも起き、どれだけチームでコミュニケーションを取れるかがゲームの出来を
左右するんだな、と身にしみて思いました。
お互いの仕事を把握することが、自分の作業効率アップにつながるんですね。

プロの方々にもたくさん質問に行って、たくさんの貴重なコメントをいただきました。
この経験をもししていなかったら、自分はいろいろ欠けたまま就職活動に挑んでいたかもしれない、ということを
考えると、このFUKUOKAゲームインターンシップに参加できて本当によかったと改めて実感しました。

1ヶ月、一瞬で終わってしまいました。
ここで経験したことを生かして、将来は逆に、人に何か素晴らしいものを教えられるようなゲームクリエイターを
目指したいと思っています。

私のブログで、少しでもインターンシップに興味が出た方がいれば嬉しいです。

最後まで読んでいただき本当にありがとうございました。


■サイバーコネクトツーのウェブサイトはこちら


＞＞【2013春】サイバーコネクトツー：デザイナーコース 菅野秋穂さん（１）
＞＞【2013春】サイバーコネクトツー：デザイナーコース 菅野秋穂さん（２）

こんにちは！アーティスト志望の菅野秋穂です。

今回のインターンシップでゲームを制作するにあたって、アーティストは2名なので、
仕事はそれぞれキャラクター全般とそれ以外、という区分をしていました。
私はキャラクター以外を担当することになっています。

前回は背景イラストの話をしましたが、その他の仕事には背景だけでなく、UI(ユーザーインターフェース)という
ゲーム中の画面やボタン、文字などのデザインも含まれています。

今回は、UIの中でも重要な、タイトルロゴについてお話します。

タイトルロゴって、ゲームをプレイする際、大抵は一番最初に目にしますよね。
なので、そのゲームの印象を決める"顔"になるかと思います。
この一つのロゴで、それがどんなゲームなのかを見る側にある程度説明しなければなりません。


■まずはアイデアの描き出し
頭に思い浮かんだものをとりあえず紙にアウトプットします。
ゲームのタイトル画面に表示されることを考えると、なかなか緊張します。



■いい組み合わせ、配置が見つかったら清書
このゲームのターゲットは、女子中高生なので、ドラキュラ城のダークな感じというよりは
可愛らしい姫の雰囲気を前に出そうと思い、初めにできたのが下記のものになります。



自分でもさすがにこれは、タイトルに置くことを考えると、せっかく皆で頑張って制作しているゲームがもったいない、
駄目だ、と思いました。
皆には、もっと姫の可愛い雰囲気を出していいと思うよ、という意見をもらいました。

世間に溢れるさまざまなロゴ。
すぐ作れそうに見えて、そう簡単に出来るものじゃないんですね。
身をもって実感しました。

そして、もっと色数を増やし、思い切ってキラキラさせようとした結果このようになりました。




■社員さんに添削をしていただく
三好さんという、サイバーコネクトツーの印刷物等のデザインを多く手掛けられている方に見ていただきました。



デザインというものには必ず、何かしらの意図がこめられている、ということを、
私のつくったタイトルロゴに足りない部分と併せて教えていただきました。

例えば、

・ゲームのロゴは、パッケージにも載せるから、見やすくするために大抵は横長につくられるもの。
・ゲームのテーマに関する部分はやりすぎぐらい誇張しても良い。
そうすることによって、見る側に、よりどんなゲームなのかが伝わる。

などといったことです。

他に、ターゲットが女の子なのを忘れてはいけない、と色の暗さや色数なども指摘を受けました。
確かに、女の子が好みそうな色よりは少し彩度が低く、中途半端な色を多く使っていました。

「ゲームのテーマに関する部分」とは、今回で言うとドアの部分ですが、三好さんに添削、指摘していただいた部分を
思い返しながら、そこを重点的に修正しました。



ひとまずα版ではこのデザインで通したのですが、後々このデザインをもう一度、三好さんに見ていただくと、
更なる指摘を受けました。
その内容は、
・まだまだキラキラが足りない
・"ひらけ"の文字の色がくすんでいてカビが生えているように見える
・コウモリが一番手前に来ているため、文字の邪魔になっている
というものでした。

一度修正をすると、当然前のデザインよりもよく見えるために、そこからもっと先を目指すことを無意識のうちに
止めてしまっていたのです。

指摘を受けたところを直したのち、少しずつ色や大きさを変え、より良いバランスを探ります。




そして、最終的には下記のものに辿りつきました。


自分がプレイする立場だったら、一つ前の案と新しい案どちらをプレイしたいかを考えると、
明らかに新しい方を選びます。
デザインってこんなに重要なんですね。


ゲームデザイナーやプログラマーの仕事は、それぞれのブログを見ていただければ分かると思うのですが、
それらに比べるとアーティストの仕事は、注文された素材を描いていく、というきわめてシンプルなものです。

だからこそ、出来る限りの修正を繰り返し、最高の素材を期限内に提出することがアーティストに求められます。
妥協は許されませんし、100％だと思い込むのも良くないことです。
私はこのインターンシップに参加して初めて気付くことができました。

プロへの道のりはまだまだ長いですね...。

今回お話したタイトルロゴの他にも、ゲーム中の各種文字や姫の体力ゲージ、ドアや各種エフェクトなど、
私がデザインする素材は山ほどあります。
それをいかに期限内で良いものに仕上げていくか、アーティストの腕の見せ所です。

今後他の人のブログで、ゲーム画面がちらほら公開されると思いますが、その中の背景やUIなどにも、
是非目を通していただけたら嬉しいです。


それでは次回もお楽しみに。


■サイバーコネクトツーのウェブサイトはこちら


＞＞【2013春】サイバーコネクトツー：デザイナーコース 菅野秋穂さん（１）
＞＞【2013春】サイバーコネクトツー：デザイナーコース 菅野秋穂さん（最終）

みなさんこんにちは、アーティスト志望の東滉子です！

2回目のブログということなので、今回は3月13日からの１週間についてです。
毎日がとても濃厚で、１週間はあっという間に過ぎてしまいます。
企画が決定してからいろいろなことがありました。
今回のブログでは、α版完成への本格的な作業内容と、α版完成を終えβ版に向けての制作とその様子について
お話していこうと思います。


■素材について
前回のブログでは、担当するアーティストの制作としてキャラクターデザインの話をしましたが、
今回は企画で決まったゲームの素材についてお話していきます。

私の作成する素材は主に、ゲームに登場するキャラクターやアイテムの動作（モーション）に必要となる
イラストの差分、簡単にいうとアニメーションです。
そして、ゲームのストーリー部分で使用されるイラストを作成しています。

ゲームに登場するキャラクターひとりひとりに動きがあるので、制作するモーションイラストの枚数はたくさん！
そのたくさんある素材を、ゲームデザイナーさんが優先順位をわかりやすくまとめてアーティストに
発注してくれるので、それを確認してから素材の作成へと取り掛かります。





■モーションの制作について
まず、キャラクターのモーションを作成するのにチームで「どのような動きをさせるのか」・
「こんな動きがあるといい」などを話し合い、話し合った意見を元にイラストを描いていきます。

作成したモーションをGIFアニメとして実際に動かし、チームでそれを共有することで意見交換を行い、
そこからモーションの調整を行っていきます。
作成されたイラストは、下図のようにひとつずつ等間隔に並べ、プログラマーさんにその画像を
素材としてお渡しします。



実際にゲームの画面上で動かしてみて、動きに違和感がある点や、プログラミングしやすいように
画像を透過した状態で素材の作成してほしいなどという点をプログラマーさんに指摘してもらい、
素材の調整を行います。

モーションを作成し始めた頃は、制作しなければいけない素材のあまりの多さに「本当に間に合うのだろうか」という
不安を抱えて作業を進めていました。
しかし、素材がなければゲームは成り立ちません！
ゲームを完成させるには、ひたすら素材を作成するのみです！

必要な全ての素材が完成した時に、パソコンに貼られた付箋（私の前回のブログ参照）を剥がしていくと、
ものすごい達成感を味わうことができます。


■ストーリー用イラストの作成について
企画会議で決められたイメージ案を元にゲームのストーリーを話し合い、テキスト化されたストーリーを
アーティストはイラストとして描いていきます。

ゲームのオープニングにあたるストーリーは、
「悪のピッキング伯爵にさらわれてしまったトビラの国の姫...
このままじゃ無理やり結婚させられちゃう！
伯爵がいないうちに得意のトビラの魔法で脱出だ！」
という内容になります。

このストーリーからイメージして描いたのが下のイラストラフです。
これらのイラストラフを使用してα版の完成となりました。



α版が完成して一度、担当指導の方々に向けてプレゼンテーションを行った際、上のイラストについて
　・キャラクターと背景が全体的に斜めを強調した構図になっているため、見辛くなっている。
　・姫と伯爵の視線の向きがばらばらなので、見ている側が視点をどこに置けばいいかわからない
　・ゲームのスタート場面で檻が出てこないのに、さらわれて檻に閉じ込められているのが不自然である
という点を指摘していただきました。

プレゼンを終えてβ版に向けてイラスト制作を行うのに、指摘された点に注意しつつ
ブラッシュアップ（しっかりとしたものに書きあげること）をしていきました。



修正前のイラストでは、「姫が檻に入れられてさらわれる」という設定に基づいて制作しましたが、
これだとゲームのスタート時に「檻に入った姫」という素材が別に必要となってくるので、
修正後のイラストでは「檻に入れられて」という設定をなくし、シンプルなものにしました。

そして、伯爵と姫の視線の流れを揃え、キャラクターのポーズと配置を変えることで全体的に斜めだった構図を抑え、
イラストを制作しました。


■昼休みの様子
作業中は机に向かってじっと座ったままの作業が多いので、どうしても肩や腰が疲れてしまいます。
そこで、私たちのチームは昼休みにみんなでラジオ体操をすることで、心と体をリフレッシュさせてから
午後の作業に取り組む工夫をしていたりします。とても健康的！

スケジュール管理も大事ですが、体調管理も怠ってはいけません。
ラジオ体操なら短い時間に十分な運動ができるのでオススメです！



インターンシップが始まって2週間が経とうとしています。
スケジュール表に×印がつけられていくのがとても寂しく感じられます。
ゲームの完成を目指してインターンシップの残された時間を大切に、そして有効に活用していきたいです！

それでは次回、またお会いしましょう。
次のブログもお楽しみに～♪


■サイバーコネクトツーのウェブサイトはこちら

＞＞【2013春】サイバーコネクトツー：デザイナーコース 東滉子さん（１）
＞＞【2013春】サイバーコネクトツー：デザイナーコース 東滉子さん（最終）