狠狠撸

狠狠撸Share a Scribd company logo

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

?
?
C
cc2_ss

「ダイキン颁骋ユーザー事例セミナー2012　秋」での鲍苍颈迟测を用いたスマートフォン开発事例绍介の资料です。

1 of 52
Download to read offline
Ｕｎｉｔｙを使用した スマートフォンゲーム開発事例 ギルティドラゴンのアートワーク (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
株式会社サイバーコネクトツー アーティスト 杉上 哲也 テクニカルアーティスト 松尾 隆志 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 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分) おわりに (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 4
ギルティドラゴンの 開発概要 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 5
(Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 6
? ギルティドラゴンで目指したこと 1 スマートフォンの常識を超える 圧倒的なビジュアル 2 ｉＰｈｏｎｅ４レベルの スペックで快適に動く軽さ 3 手軽で病みつきになるゲーム性 4 ＭＭＯライクな キャラクタカスタマイズ 5 ｉＯＳ/Ａｎｄｒｏｉｄ同時リリース (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 7
? 初期の企画 ? 当初はインフィニティブレード系のハイエンドを想定 ? ヘビーユーザー向けになりすぎてしまう (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 8
? 最終的な企画 ? ストレスの溜まらないゲームとして調整 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 9
? 最終的な企画 ? ＭＭＯライクなキャラクタカスタマイズ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 10
? Ｕｎｉｔｙを選んだ理由 1 短期開発でクオリティも出したい 2 絵を出すまでが簡単 3 モバイルへの対応 自分たちの持ち味（ＣＣ２らしさ）を Ｕｎｉｔｙでどうやって活かすか (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 11
? 開発の流れ ２０１１年 ２０１２年 １１月 ２月 ７月 １０月 ３ヶ月 ５ヶ月 ３ヶ月 ??? 検証 開発 調整期間 運営 ? １０月 ９日 ： Ｖｅｒ１.０.０ 配信開始 ? １０月２２日 ： ｉＯＳ Ｖｅｒ１.０.１ 配信開始 Ａｎｄｒｏｉｄ Ｖｅｒ１.０.２ 配信開始 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 12
? 開発環境 ? 開発機材 ? プログラマはＭａｃベースで開発 ? アーティストはＷｉｎｄｏｗｓベースで開発 ? Ｕｎｉｔｙ ３.５.６ ? 常に最新のバージョンにて開発 ? ３ｄｓＭａｘ ２０１１ ? キャラクタ、背景、ＵＩ、アニメーション作成 など ? ＳｍａｒｔＳＶＮ ? コード、リソースはＳｕｂｖｅｒｓｉｏｎで管理 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 13
? プロジェクト構成 ? プロデューサー/ディレクター： １名 ? アートディレクター ： １名 ? ゲームデザイナー ： １名 ? アーティスト ： ３～６名 （時期により変動） ? 管理の１名が固定、残りの人数は変動 ? モデル/デザインの多くは外部会社様に委託 ? クライアントプログラム ： ２～４名 （時期により変動） ? サーバープログラム ： ２～３名 （時期により変動） ? テクニカルアーティスト ： １名 ? サウンド ： １名 計１２～１８名 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 14
ギルティドラゴンの アートワーク (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
? アートワーク概要 キャラモデル キャラモデル シェーダー 背景モデル 背景モデル デモ モーション 組み上げ ３ｄｓＭａｘ カメラ エフェクト Ｕｎｉｔ ｙ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 16
? キャラクタモデル：概要 ? キャラメイクを行うため分割で作成 ? 顔、髪、上半身、下半身、追加パーツ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 17
髪パーツ 顔パーツ ５００～２０００ ポリゴン ５００～１０００ ポリゴン 上半身パーツ １５００～２０００ 下半身パーツ ポリゴン １５００～２０００ ポリゴン モデル全体で ３５００～７０００ ポリゴン ＋武器パーツ 各パーツごとに １０００ ポリゴン以内 ２５６ ｐｘ×２５６ ｐｘ のテクスチャ １枚 ＋追加パーツ ５００～２０００ パーツ概要 ポリゴン (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 18
? 髪パーツ ： 约７０個 ? 髪色違いを含む ? 顔パーツ ： 约７０個 ? 眼の色違いを含む ? 上半身パーツ ： 约２０個 ? 男女合計 ? 下半身パーツ ： 约２０個 ? 男女合計 ? 武器パーツ ： 约６０個 ? 男女兼用 ? 追加パーツ ： 约１０個 ? 男女兼用 ※ 個数はローンチ時のものです (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 19
? キャラクタモデル：揺れもの ? 揺れもの ? Ｕｎｉｔｙで設定 ? ＣｈａｒａｃｔｅｒＪｏｉｎｔ ? ボックス型のコライダ ? カプセル型のコライダ ? モデルのボーンに設定 ? 設定 ? シンプルな構造 ? 破綻しないように (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 20
? キャラクタシェーダー：概要 ? ランプシェードとリムライトの組み合わせ ? ４パターン作成 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 21
? キャラクタシェーダー：作成フロー ? アーティスト側で大まかに作ったものを最適化 ? １つのシェーダーをＵｎｉｔｙのインスペクタ上で調整 ? プログラム側でシチュエーションに合わせて適用 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 22
? エフェクト：エフェクト概要 ? Ｓｈｕｒｉｋｅｎ ? Ｕｎｉｔｙのパーティクル システム ? アニメーション ? ３ｄｓＭａｘから モーションデータを出力 ? スクリプトでの拡張 ? メッシュの３軸スケール ? メッシュのビルボード対応 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 23
エフェクト例 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 24
エフェクト例 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 25
エフェクト例 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 26
エフェクト例 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 27
? 背景：バトル用背景概要 ? バトル用の背景 ? １種類×４パターン ? 闘技場 ? 昼、夕、夜、雷雲 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 28
约 ７５００ ポリゴン テクスチャ ４枚 ライトマップ １枚 （５１２ ｐｘ×５１２ ｐｘ） バトル用背景 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 29
バトル用背景 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 30
? 背景：冒険用背景概要 ? 冒険用の背景 ? ４種類×３パターン ? 街、草原、森林、荒野 ? 昼、夕、夜 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 31
约 １５００ ポリゴン テクスチャ １枚 （２０４８ ｐｘ×１０２４ ｐｘ） 冒険用背景 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 32
冒険用背景 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 33
? キャラクタアニメーション：概要 ? まずは３ｄｓＭａｘ上でのアニマティクス ? 目指すべきクオリティラインの設定を行う ? ほとんどの動きを決定する ? ３ｄｓＭａｘ上で作成したアニメーションをＵｎｉｔｙへ ? アニメーションをカットごとに出力 ? ボーンのみのデータ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 34
３ｄｓＭａｘ アニマティクス例 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 35
３ｄｓＭａｘ アニマティクス例 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 36
? カメラアニメーション：概要 ? カメラアニメーションをＦＢＸで出力 ? 通常ＦＢＸではカメラアニメーションは出力できない ? ボックスにアニメーションを移して出力 ? 社内で専用のスクリプトを作成 ? ボタンひとつでカメラアニメーションを出力できる ? ３ｄｓＭａｘ（出力用）、Ｕｎｉｔｙ（入力用）の２種類 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 37
? Ｕｎｉｔｙ上での組み立て ? インスペクタ上で組み立て ? Ｕｎｉｔｙのインスペクタ上で設定 ? モーション、モデル、エフェクト、 トレイルなどを登録 ? アニメーション時に呼び出す ? 確認用シーンで再生、確認 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 38
バトル例 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 39
開発上の 問題点と解決方法 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
? 開発における問題点 1 カメラアニメーションのインポート 2 外部データ（ＡｓｓｅｔＢｕｎｄｌｅ）の作成方法 3 描画負荷 4 解像度 5 ｉＯＳ/Ａｎｄｒｏｉｄ固有の問題 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 41
? カメラアニメーションのインポート 問題 カメラアニメーションを簡単にＦＢＸとして 出力してＵｎｉｔｙに読み込みたい！ PROBLEM ? ２種類のツールを作成 ? ３ｄｓＭａｘでワンボタンで出力するツール ? Ｕｎｉｔｙでのインポート時に設定するツール ? ダミーのボックスを利用 ? キーフレームアニメーション、パース、クリッピング情報を ダミーに格納しておく (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 42
? 外部データの作成方法 問題 Ｕｎｉｔｙ上で外部データ（ＡｓｓｅｔＢｕｎｄｌｅ）を 簡単にエクスポートできない！ PROBLEM ? ツールを作成 ? シンプルなエクスポーター ? 選択したフォルダ内や ファイルをエクスポートする ? カードやモデルの 外部データ化に利用 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 43
? 描画負荷 問題 ハイクオリティな表現は描画負荷が大きい！ PROBLEM ? こまめなリダクション作業 ? 各端末で繰り返しチェック 端末 ビルド チェック ? モバイルシェーダーの利用 ? シェーダーの軽量化 ? モデルやテクスチャの軽量化 リダクション ? コリジョンの設定を変える (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 44
? 解像度 問題 ｉＯＳとＡｎｄｒｏｉｄは解像度が違う！ PROBLEM ? ｉＰｈｏｎｅ４基準で 色と解像度を決定 ? ９６０ｐｘ×６４０ｐｘ を基準に ? 拡縮処理と黒ベタでの 塗りつぶしで対応 ９６０×６４０ ８００×４８０ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 45
? ｉＯＳ/Ａｎｄｒｏｉｄ固有の問題 問題 ｉＯＳとＡｎｄｒｏｉｄ同時リリース！？ PROBLEM ? 端末ごとのチェックが必要 ? ｉＯＳ/Ａｎｄｒｏｉｄ端末ごとの個別のチェック ? ＧＰＵごとのチェックが必要 ? 表示が崩れる、クラッシュする など ? こまめな端末チェックが重要！ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 46
おわりに (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
? まとめ ? 初めてのスマートフォン開発でも 自分たちの持ち味を活かすことに成功！ ? ３ｄｓＭａｘを利用したワークフローをスマートフォンへ ? 反省点 ? Ａｎｄｒｏｉｄへの対応 ? 早い段階からのチェックや検証 ? 内部データ（アプリ内）と外部データ（ＡｓｓｅｔＢｕｎｄｌｅ） ? 外部データの読み込みに時間がかかる ? 内部データと外部データのバランス (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 48
? 感謝 ? Ｕｎｉｔｙ様には色々とご相談に乗っていただき、 ギルティドラゴンの助けとなりました ? Ｆａｃｅｂｏｏｋのグループ 「Ｕｎｉｔｙユーザー助け合い所」はとても参考に なりました ? http://www.facebook.com/groups/unityuserj/ ? この場を借りてお礼申し上げます (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 49
質問等ありましたら… t_sugikami@cc2.co.jp (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
なお、本講演の内容に関する記事が 月刊 ＣＧＷＯＲＬＤ １２月号 （２０１２年１１月９日 発売） に掲載されております！ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
ご清聴ありがとうございました (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ

More Related Content

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

  • 1. Ｕｎｉｔｙを使用した スマートフォンゲーム開発事例 ギルティドラゴンのアートワーク (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
  • 2. 株式会社サイバーコネクトツー アーティスト 杉上 哲也 テクニカルアーティスト 松尾 隆志 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
  • 3. ? 会社概要 商号 株式会社サイバーコネクトツー 本社 福岡県福岡市博多区博多駅前1丁目 東京スタジオ 東京都品川区大井1丁目 設立日 平成８年２月１６日 従業員数 １７３名 資本金 ４０,０００,０００円 事業内容 家庭用ゲームソフト企画?開発 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 3
  • 4. ? アジェンダ 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分) おわりに (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 4
  • 5. ギルティドラゴンの 開発概要 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 5
  • 7. ? ギルティドラゴンで目指したこと 1 スマートフォンの常識を超える 圧倒的なビジュアル 2 ｉＰｈｏｎｅ４レベルの スペックで快適に動く軽さ 3 手軽で病みつきになるゲーム性 4 ＭＭＯライクな キャラクタカスタマイズ 5 ｉＯＳ/Ａｎｄｒｏｉｄ同時リリース (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 7
  • 8. ? 初期の企画 ? 当初はインフィニティブレード系のハイエンドを想定 ? ヘビーユーザー向けになりすぎてしまう (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 8
  • 9. ? 最終的な企画 ? ストレスの溜まらないゲームとして調整 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 9
  • 10. ? 最終的な企画 ? ＭＭＯライクなキャラクタカスタマイズ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 10
  • 11. ? Ｕｎｉｔｙを選んだ理由 1 短期開発でクオリティも出したい 2 絵を出すまでが簡単 3 モバイルへの対応 自分たちの持ち味（ＣＣ２らしさ）を Ｕｎｉｔｙでどうやって活かすか (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 11
  • 12. ? 開発の流れ ２０１１年 ２０１２年 １１月 ２月 ７月 １０月 ３ヶ月 ５ヶ月 ３ヶ月 ??? 検証 開発 調整期間 運営 ? １０月 ９日 ： Ｖｅｒ１.０.０ 配信開始 ? １０月２２日 ： ｉＯＳ Ｖｅｒ１.０.１ 配信開始 Ａｎｄｒｏｉｄ Ｖｅｒ１.０.２ 配信開始 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 12
  • 13. ? 開発環境 ? 開発機材 ? プログラマはＭａｃベースで開発 ? アーティストはＷｉｎｄｏｗｓベースで開発 ? Ｕｎｉｔｙ ３.５.６ ? 常に最新のバージョンにて開発 ? ３ｄｓＭａｘ ２０１１ ? キャラクタ、背景、ＵＩ、アニメーション作成 など ? ＳｍａｒｔＳＶＮ ? コード、リソースはＳｕｂｖｅｒｓｉｏｎで管理 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 13
  • 14. ? プロジェクト構成 ? プロデューサー/ディレクター： １名 ? アートディレクター ： １名 ? ゲームデザイナー ： １名 ? アーティスト ： ３～６名 （時期により変動） ? 管理の１名が固定、残りの人数は変動 ? モデル/デザインの多くは外部会社様に委託 ? クライアントプログラム ： ２～４名 （時期により変動） ? サーバープログラム ： ２～３名 （時期により変動） ? テクニカルアーティスト ： １名 ? サウンド ： １名 計１２～１８名 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 14
  • 15. ギルティドラゴンの アートワーク (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
  • 16. ? アートワーク概要 キャラモデル キャラモデル シェーダー 背景モデル 背景モデル デモ モーション 組み上げ ３ｄｓＭａｘ カメラ エフェクト Ｕｎｉｔ ｙ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 16
  • 17. ? キャラクタモデル：概要 ? キャラメイクを行うため分割で作成 ? 顔、髪、上半身、下半身、追加パーツ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 17
  • 18. 髪パーツ 顔パーツ ５００～２０００ ポリゴン ５００～１０００ ポリゴン 上半身パーツ １５００～２０００ 下半身パーツ ポリゴン １５００～２０００ ポリゴン モデル全体で ３５００～７０００ ポリゴン ＋武器パーツ 各パーツごとに １０００ ポリゴン以内 ２５６ ｐｘ×２５６ ｐｘ のテクスチャ １枚 ＋追加パーツ ５００～２０００ パーツ概要 ポリゴン (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 18
  • 19. ? 髪パーツ ： 约７０個 ? 髪色違いを含む ? 顔パーツ ： 约７０個 ? 眼の色違いを含む ? 上半身パーツ ： 约２０個 ? 男女合計 ? 下半身パーツ ： 约２０個 ? 男女合計 ? 武器パーツ ： 约６０個 ? 男女兼用 ? 追加パーツ ： 约１０個 ? 男女兼用 ※ 個数はローンチ時のものです (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 19
  • 20. ? キャラクタモデル：揺れもの ? 揺れもの ? Ｕｎｉｔｙで設定 ? ＣｈａｒａｃｔｅｒＪｏｉｎｔ ? ボックス型のコライダ ? カプセル型のコライダ ? モデルのボーンに設定 ? 設定 ? シンプルな構造 ? 破綻しないように (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 20
  • 21. ? キャラクタシェーダー：概要 ? ランプシェードとリムライトの組み合わせ ? ４パターン作成 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 21
  • 22. ? キャラクタシェーダー：作成フロー ? アーティスト側で大まかに作ったものを最適化 ? １つのシェーダーをＵｎｉｔｙのインスペクタ上で調整 ? プログラム側でシチュエーションに合わせて適用 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 22
  • 23. ? エフェクト：エフェクト概要 ? Ｓｈｕｒｉｋｅｎ ? Ｕｎｉｔｙのパーティクル システム ? アニメーション ? ３ｄｓＭａｘから モーションデータを出力 ? スクリプトでの拡張 ? メッシュの３軸スケール ? メッシュのビルボード対応 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 23
  • 28. ? 背景：バトル用背景概要 ? バトル用の背景 ? １種類×４パターン ? 闘技場 ? 昼、夕、夜、雷雲 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 28
  • 29. 约 ７５００ ポリゴン テクスチャ ４枚 ライトマップ １枚 （５１２ ｐｘ×５１２ ｐｘ） バトル用背景 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 29
  • 30. バトル用背景 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 30
  • 31. ? 背景：冒険用背景概要 ? 冒険用の背景 ? ４種類×３パターン ? 街、草原、森林、荒野 ? 昼、夕、夜 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 31
  • 32. 约 １５００ ポリゴン テクスチャ １枚 （２０４８ ｐｘ×１０２４ ｐｘ） 冒険用背景 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 32
  • 34. ? キャラクタアニメーション：概要 ? まずは３ｄｓＭａｘ上でのアニマティクス ? 目指すべきクオリティラインの設定を行う ? ほとんどの動きを決定する ? ３ｄｓＭａｘ上で作成したアニメーションをＵｎｉｔｙへ ? アニメーションをカットごとに出力 ? ボーンのみのデータ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 34
  • 35. ３ｄｓＭａｘ アニマティクス例 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 35
  • 36. ３ｄｓＭａｘ アニマティクス例 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 36
  • 37. ? カメラアニメーション：概要 ? カメラアニメーションをＦＢＸで出力 ? 通常ＦＢＸではカメラアニメーションは出力できない ? ボックスにアニメーションを移して出力 ? 社内で専用のスクリプトを作成 ? ボタンひとつでカメラアニメーションを出力できる ? ３ｄｓＭａｘ（出力用）、Ｕｎｉｔｙ（入力用）の２種類 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 37
  • 38. ? Ｕｎｉｔｙ上での組み立て ? インスペクタ上で組み立て ? Ｕｎｉｔｙのインスペクタ上で設定 ? モーション、モデル、エフェクト、 トレイルなどを登録 ? アニメーション時に呼び出す ? 確認用シーンで再生、確認 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 38
  • 40. 開発上の 問題点と解決方法 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
  • 41. ? 開発における問題点 1 カメラアニメーションのインポート 2 外部データ（ＡｓｓｅｔＢｕｎｄｌｅ）の作成方法 3 描画負荷 4 解像度 5 ｉＯＳ/Ａｎｄｒｏｉｄ固有の問題 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 41
  • 42. ? カメラアニメーションのインポート 問題 カメラアニメーションを簡単にＦＢＸとして 出力してＵｎｉｔｙに読み込みたい！ PROBLEM ? ２種類のツールを作成 ? ３ｄｓＭａｘでワンボタンで出力するツール ? Ｕｎｉｔｙでのインポート時に設定するツール ? ダミーのボックスを利用 ? キーフレームアニメーション、パース、クリッピング情報を ダミーに格納しておく (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 42
  • 43. ? 外部データの作成方法 問題 Ｕｎｉｔｙ上で外部データ（ＡｓｓｅｔＢｕｎｄｌｅ）を 簡単にエクスポートできない！ PROBLEM ? ツールを作成 ? シンプルなエクスポーター ? 選択したフォルダ内や ファイルをエクスポートする ? カードやモデルの 外部データ化に利用 (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 43
  • 44. ? 描画負荷 問題 ハイクオリティな表現は描画負荷が大きい！ PROBLEM ? こまめなリダクション作業 ? 各端末で繰り返しチェック 端末 ビルド チェック ? モバイルシェーダーの利用 ? シェーダーの軽量化 ? モデルやテクスチャの軽量化 リダクション ? コリジョンの設定を変える (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 44
  • 45. ? 解像度 問題 ｉＯＳとＡｎｄｒｏｉｄは解像度が違う！ PROBLEM ? ｉＰｈｏｎｅ４基準で 色と解像度を決定 ? ９６０ｐｘ×６４０ｐｘ を基準に ? 拡縮処理と黒ベタでの 塗りつぶしで対応 ９６０×６４０ ８００×４８０ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 45
  • 46. ? ｉＯＳ/Ａｎｄｒｏｉｄ固有の問題 問題 ｉＯＳとＡｎｄｒｏｉｄ同時リリース！？ PROBLEM ? 端末ごとのチェックが必要 ? ｉＯＳ/Ａｎｄｒｏｉｄ端末ごとの個別のチェック ? ＧＰＵごとのチェックが必要 ? 表示が崩れる、クラッシュする など ? こまめな端末チェックが重要！ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 46
  • 48. ? まとめ ? 初めてのスマートフォン開発でも 自分たちの持ち味を活かすことに成功！ ? ３ｄｓＭａｘを利用したワークフローをスマートフォンへ ? 反省点 ? Ａｎｄｒｏｉｄへの対応 ? 早い段階からのチェックや検証 ? 内部データ（アプリ内）と外部データ（ＡｓｓｅｔＢｕｎｄｌｅ） ? 外部データの読み込みに時間がかかる ? 内部データと外部データのバランス (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 48
  • 49. ? 感謝 ? Ｕｎｉｔｙ様には色々とご相談に乗っていただき、 ギルティドラゴンの助けとなりました ? Ｆａｃｅｂｏｏｋのグループ 「Ｕｎｉｔｙユーザー助け合い所」はとても参考に なりました ? http://www.facebook.com/groups/unityuserj/ ? この場を借りてお礼申し上げます (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ page. 49
  • 50. 質問等ありましたら… t_sugikami@cc2.co.jp (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
  • 51. なお、本講演の内容に関する記事が 月刊 ＣＧＷＯＲＬＤ １２月号 （２０１２年１１月９日 発売） に掲載されております！ (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ
  • 52. ご清聴ありがとうございました (Ｃ) .ｈａｃｋ Ｃｏｎｇｌｏｍｅｒａｔｅ (Ｃ) 2012 ＮＢＧＩ