Unityを使用したスマートフォン開発事例～ギルティドラゴンのアートワーク～

Ｕｎｉｔｙを使用した
スマートフォンゲーム開発事例
ギルティドラゴンのアートワーク

(Ｃ) .ｈａｃｋＣｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ

株式会社サイバーコネクトツー

アーティスト
杉上哲也
テクニカルアーティスト
松尾隆志


❖ 会社概要

商号株式会社サイバーコネクトツー

本社福岡県福岡市博多区博多駅前1丁目

東京スタジオ東京都品川区大井1丁目

設立日平成８年２月１６日

従業員数１７３名

資本金４０,０００,０００円

事業内容家庭用ゲームソフト企画・開発

(Ｃ) .ｈａｃｋＣｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 3

❖ アジェンダ
14:40
▼
14:45
(5分) はじめに

14:45
▼
14:50
(5分) ギルティドラゴンの開発概要

14:50
▼
15:25
(35分) ギルティドラゴンのアートワーク

15:25
▼
15:35
(10分) 開発上の問題点と解決方法

15:35
▼
15:40
(5分) おわりに


ギルティドラゴンの
開発概要


❖ ギルティドラゴンで目指したこと

1 スマートフォンの常識を超える
圧倒的なビジュアル

2 ｉＰｈｏｎｅ４レベルの
スペックで快適に動く軽さ

3 手軽で病みつきになるゲーム性

4 ＭＭＯライクな
キャラクタカスタマイズ

5 ｉＯＳ/Ａｎｄｒｏｉｄ同時リリース


❖ 初期の企画

 当初はインフィニティブレード系のハイエンドを想定

 ヘビーユーザー向けになりすぎてしまう


❖ 最終的な企画

 ストレスの溜まらないゲームとして調整


❖ 最終的な企画

 ＭＭＯライクなキャラクタカスタマイズ


❖ Ｕｎｉｔｙを選んだ理由

1 短期開発でクオリティも出したい

2 絵を出すまでが簡単

3 モバイルへの対応

自分たちの持ち味（ＣＣ２らしさ）を
Ｕｎｉｔｙでどうやって活かすか

❖ 開発の流れ
２０１１年２０１２年
１１月２月７月１０月

３ヶ月５ヶ月３ヶ月・・・

検証開発調整期間運営

 １０月９日：Ｖｅｒ１.０.０配信開始
 １０月２２日：ｉＯＳＶｅｒ１.０.１配信開始
ＡｎｄｒｏｉｄＶｅｒ１.０.２配信開始


❖ 開発環境

 開発機材
 プログラマはＭａｃベースで開発
 アーティストはＷｉｎｄｏｗｓベースで開発

 Ｕｎｉｔｙ３.５.６
 常に最新のバージョンにて開発

 ３ｄｓＭａｘ２０１１
 キャラクタ、背景、ＵＩ、アニメーション作成など

 ＳｍａｒｔＳＶＮ
 コード、リソースはＳｕｂｖｅｒｓｉｏｎで管理


❖ プロジェクト構成
 プロデューサー/ディレクター：１名
 アートディレクター：１名
 ゲームデザイナー：１名
 アーティスト：３～６名（時期により変動）
 管理の１名が固定、残りの人数は変動
 モデル/デザインの多くは外部会社様に委託

 クライアントプログラム：２～４名（時期により変動）
 サーバープログラム：２～３名（時期により変動）
 テクニカルアーティスト：１名
 サウンド：１名計１２～１８名

ギルティドラゴンの
アートワーク


❖ アートワーク概要

キャラモデルキャラモデルシェーダー

背景モデル背景モデル

デモモーション組み上げ

３ｄｓＭａｘカメラ

エフェクト
Ｕｎｉｔｙ

❖ キャラクタモデル：概要

 キャラメイクを行うため分割で作成
 顔、髪、上半身、下半身、追加パーツ


髪パーツ
顔パーツ
５００～２０００
ポリゴン５００～１０００
ポリゴン
上半身パーツ
１５００～２０００下半身パーツ
ポリゴン
１５００～２０００
ポリゴン

モデル全体で
３５００～７０００ポリゴン＋武器パーツ
各パーツごとに１０００ポリゴン以内
２５６ｐｘ×２５６ｐｘ
のテクスチャ１枚＋追加パーツ
５００～２０００
パーツ概要ポリゴン


 髪パーツ：約７０個
 髪色違いを含む

 顔パーツ：約７０個
 眼の色違いを含む

 上半身パーツ：約２０個
 男女合計

 下半身パーツ：約２０個
 男女合計

 武器パーツ：約６０個
 男女兼用

 追加パーツ：約１０個
 男女兼用

※ 個数はローンチ時のものです

❖ キャラクタモデル：揺れもの

 揺れもの
 Ｕｎｉｔｙで設定
 ＣｈａｒａｃｔｅｒＪｏｉｎｔ
 ボックス型のコライダ
 カプセル型のコライダ

 モデルのボーンに設定

 設定
 シンプルな構造
 破綻しないように


❖ キャラクタシェーダー：概要

 ランプシェードとリムライトの組み合わせ
 ４パターン作成


❖ キャラクタシェーダー：作成フロー

 アーティスト側で大まかに作ったものを最適化

 １つのシェーダーをＵｎｉｔｙのインスペクタ上で調整
 プログラム側でシチュエーションに合わせて適用


❖ エフェクト：エフェクト概要

 Ｓｈｕｒｉｋｅｎ
 Ｕｎｉｔｙのパーティクル
システム

 アニメーション
 ３ｄｓＭａｘから
モーションデータを出力

 スクリプトでの拡張
 メッシュの３軸スケール
 メッシュのビルボード対応


エフェクト例

❖ 背景：バトル用背景概要

 バトル用の背景
 １種類×４パターン
 闘技場
 昼、夕、夜、雷雲


約７５００ポリゴン

テクスチャ４枚
ライトマップ１枚
（５１２ｐｘ×５１２ｐｘ）

バトル用背景

バトル用背景

❖ 背景：冒険用背景概要

 冒険用の背景
 ４種類×３パターン
 街、草原、森林、荒野
 昼、夕、夜


約１５００ポリゴン

テクスチャ１枚
（２０４８ｐｘ×１０２４ｐｘ）
冒険用背景

冒険用背景

❖ キャラクタアニメーション：概要

 まずは３ｄｓＭａｘ上でのアニマティクス
 目指すべきクオリティラインの設定を行う
 ほとんどの動きを決定する

 ３ｄｓＭａｘ上で作成したアニメーションをＵｎｉｔｙへ
 アニメーションをカットごとに出力
 ボーンのみのデータ


３ｄｓＭａｘアニマティクス例

❖ カメラアニメーション：概要

 カメラアニメーションをＦＢＸで出力
 通常ＦＢＸではカメラアニメーションは出力できない
 ボックスにアニメーションを移して出力

 社内で専用のスクリプトを作成
 ボタンひとつでカメラアニメーションを出力できる
 ３ｄｓＭａｘ（出力用）、Ｕｎｉｔｙ（入力用）の２種類


❖ Ｕｎｉｔｙ上での組み立て

 インスペクタ上で組み立て
 Ｕｎｉｔｙのインスペクタ上で設定
 モーション、モデル、エフェクト、
トレイルなどを登録
 アニメーション時に呼び出す

 確認用シーンで再生、確認


バトル例

開発上の
問題点と解決方法


❖ 開発における問題点

1 カメラアニメーションのインポート

2 外部データ（ＡｓｓｅｔＢｕｎｄｌｅ）の作成方法

3 描画負荷

4 解像度

5 ｉＯＳ/Ａｎｄｒｏｉｄ固有の問題


❖ カメラアニメーションのインポート

問題
カメラアニメーションを簡単にＦＢＸとして
出力してＵｎｉｔｙに読み込みたい！
PROBLEM

 ２種類のツールを作成
 ３ｄｓＭａｘでワンボタンで出力するツール
 Ｕｎｉｔｙでのインポート時に設定するツール

 ダミーのボックスを利用
 キーフレームアニメーション、パース、クリッピング情報を
ダミーに格納しておく


❖ 外部データの作成方法

問題
Ｕｎｉｔｙ上で外部データ（ＡｓｓｅｔＢｕｎｄｌｅ）を
簡単にエクスポートできない！
PROBLEM

 ツールを作成
 シンプルなエクスポーター
 選択したフォルダ内や
ファイルをエクスポートする
 カードやモデルの
外部データ化に利用


❖ 描画負荷

問題ハイクオリティな表現は描画負荷が大きい！
PROBLEM

 こまめなリダクション作業
 各端末で繰り返しチェック端末
ビルド
チェック
 モバイルシェーダーの利用
 シェーダーの軽量化
 モデルやテクスチャの軽量化リダクション
 コリジョンの設定を変える


❖ 解像度

問題ｉＯＳとＡｎｄｒｏｉｄは解像度が違う！
PROBLEM

 ｉＰｈｏｎｅ４基準で
色と解像度を決定
 ９６０ｐｘ×６４０ｐｘを基準に

 拡縮処理と黒ベタでの
塗りつぶしで対応
９６０×６４０８００×４８０


❖ ｉＯＳ/Ａｎｄｒｏｉｄ固有の問題

問題ｉＯＳとＡｎｄｒｏｉｄ同時リリース！？
PROBLEM

 端末ごとのチェックが必要
 ｉＯＳ/Ａｎｄｒｏｉｄ端末ごとの個別のチェック
 ＧＰＵごとのチェックが必要
 表示が崩れる、クラッシュするなど

 こまめな端末チェックが重要！


おわりに


❖ まとめ

 初めてのスマートフォン開発でも
自分たちの持ち味を活かすことに成功！
 ３ｄｓＭａｘを利用したワークフローをスマートフォンへ

 反省点
 Ａｎｄｒｏｉｄへの対応
 早い段階からのチェックや検証

 内部データ（アプリ内）と外部データ（ＡｓｓｅｔＢｕｎｄｌｅ）
 外部データの読み込みに時間がかかる
 内部データと外部データのバランス


❖ 感謝

 Ｕｎｉｔｙ様には色々とご相談に乗っていただき、
ギルティドラゴンの助けとなりました

 Ｆａｃｅｂｏｏｋのグループ
「Ｕｎｉｔｙユーザー助け合い所」はとても参考に
なりました
 http://www.facebook.com/groups/unityuserj/

 この場を借りてお礼申し上げます


質問等ありましたら…

t_sugikami@cc2.co.jp


なお、本講演の内容に関する記事が

月刊ＣＧＷＯＲＬＤ１２月号
（２０１２年１１月９日発売）

に掲載されております！


ご清聴ありがとうございました


Unityを使用したスマートフォン開発事例 ～ギルティドラゴンのアートワーク～

More Related Content

Viewers also liked

Similar to Unityを使用したスマートフォン開発事例 ～ギルティドラゴンのアートワーク～