Unityを使用したスマートフォン開発事例...

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

Ｕｎｉｔｙを使用したスマートフォンゲーム開発事例

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


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

アーティスト杉上哲也

テクニカルアーティスト松尾隆志


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

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

東京都品川区大井1丁目

平成８年２月１６日

１７３名

４０,０００,０００円

家庭用ゲームソフト企画・開発

商号

本社

東京スタジオ

設立日

従業員数

資本金

事業内容

❖ 会社概要

page.3


❖ アジェンダ

page.4

14:40 ▼

14:45 はじめに (5分)

14:45 ▼

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

14:50 ▼

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

15:35 ▼

15:40 おわりに (5分)

15:25 ▼

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


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

page.5

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


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

page.7

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

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

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

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

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


❖ 初期の企画

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

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

page.8


❖ 最終的な企画

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

page.9


❖ 最終的な企画

page.10

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


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

page.11

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

2 絵を出すまでが簡単

3 モバイルへの対応

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


❖ 開発の流れ

page.12

２０１１年１１月

２０１２年２月１０月

運営開発検証

３ヶ月

１０月９日：Ｖｅｒ１.０.０配信開始

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

・・・

７月

３ヶ月

調整期間

５ヶ月


❖ 開発環境

開発機材

プログラマはＭａｃベースで開発

アーティストはＷｉｎｄｏｗｓベースで開発

Ｕｎｉｔｙ３.５.６

常に最新のバージョンにて開発

３ｄｓＭａｘ２０１１

キャラクタ、背景、ＵＩ、アニメーション作成など

ＳｍａｒｔＳＶＮ

コード、リソースはＳｕｂｖｅｒｓｉｏｎで管理

page.13


❖ プロジェクト構成

プロデューサー/ディレクター：１名

アートディレクター：１名

ゲームデザイナー：１名

アーティスト：３～６名（時期により変動）管理の１名が固定、残りの人数は変動

モデル/デザインの多くは外部会社様に委託

クライアントプログラム：２～４名（時期により変動）

サーバープログラム：２～３名（時期により変動）

テクニカルアーティスト：１名

サウンド：１名

page.14

計１２～１８名


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


ｙＵｎｉｔ

背景モデル

キャラモデル

モーション

カメラ

エフェクト

シェーダー

組み上げ

❖ アートワーク概要

page.16

３ｄｓＭａｘ

キャラモデル

背景モデル

デモ


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

キャラメイクを行うため分割で作成

顔、髪、上半身、下半身、追加パーツ

page.17


髪パーツ

５００～２０００ポリゴン

上半身パーツ

１５００～２０００ポリゴン

顔パーツ

５００～１０００ポリゴン

下半身パーツ

１５００～２０００ポリゴン

モデル全体で３５００～７０００ポリゴン

各パーツごとに２５６ｐｘ×２５６ｐｘ

のテクスチャ１枚

パーツ概要

＋武器パーツ

１０００ポリゴン以内

＋追加パーツ

５００～２０００ポリゴン


髪パーツ：約７０個

髪色違いを含む

顔パーツ：約７０個

眼の色違いを含む

上半身パーツ：約２０個

男女合計

下半身パーツ：約２０個

男女合計

武器パーツ：約６０個

男女兼用

追加パーツ：約１０個

男女兼用

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


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

揺れもの

Ｕｎｉｔｙで設定

ＣｈａｒａｃｔｅｒＪｏｉｎｔ

ボックス型のコライダ

カプセル型のコライダ

モデルのボーンに設定

設定

シンプルな構造

破綻しないように

page.20


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

ランプシェードとリムライトの組み合わせ

４パターン作成

page.21


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

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

１つのシェーダーをＵｎｉｔｙのインスペクタ上で調整

プログラム側でシチュエーションに合わせて適用

page.22


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

Ｓｈｕｒｉｋｅｎ

Ｕｎｉｔｙのパーティクルシステム

アニメーション

３ｄｓＭａｘからモーションデータを出力

スクリプトでの拡張

メッシュの３軸スケール

メッシュのビルボード対応

page.23


エフェクト例


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

バトル用の背景

１種類×４パターン

闘技場

昼、夕、夜、雷雲

page.28


約７５００ポリゴン

テクスチャ４枚

ライトマップ１枚

（５１２ｐｘ×５１２ｐｘ）

バトル用背景


バトル用背景


❖ 背景：冒険用背景概要

冒険用の背景

４種類×３パターン

街、草原、森林、荒野

昼、夕、夜

page.31


約１５００ポリゴン

テクスチャ１枚

（２０４８ｐｘ×１０２４ｐｘ）

冒険用背景


冒険用背景


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

まずは３ｄｓＭａｘ上でのアニマティクス

目指すべきクオリティラインの設定を行う

ほとんどの動きを決定する

３ｄｓＭａｘ上で作成したアニメーションをＵｎｉｔｙへ

アニメーションをカットごとに出力

ボーンのみのデータ

page.34


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


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

カメラアニメーションをＦＢＸで出力

通常ＦＢＸではカメラアニメーションは出力できない

ボックスにアニメーションを移して出力

社内で専用のスクリプトを作成

ボタンひとつでカメラアニメーションを出力できる

３ｄｓＭａｘ（出力用）、Ｕｎｉｔｙ（入力用）の２種類

page.37


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

インスペクタ上で組み立て

Ｕｎｉｔｙのインスペクタ上で設定

モーション、モデル、エフェクト、トレイルなどを登録

アニメーション時に呼び出す

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

page.38


バトル例


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


❖ 開発における問題点

page.41

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

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

3 描画負荷

4 解像度

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


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

２種類のツールを作成

３ｄｓＭａｘでワンボタンで出力するツール

Ｕｎｉｔｙでのインポート時に設定するツール

ダミーのボックスを利用

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

page.42

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

問題


❖ 外部データの作成方法

ツールを作成

シンプルなエクスポーター

選択したフォルダ内やファイルをエクスポートする

カードやモデルの外部データ化に利用

page.43

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

問題


❖ 描画負荷

こまめなリダクション作業

各端末で繰り返しチェック

モバイルシェーダーの利用

シェーダーの軽量化

モデルやテクスチャの軽量化

コリジョンの設定を変える

page.44

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

問題

端末チェック

リダクション

ビルド


❖ 解像度

ｉＰｈｏｎｅ４基準で色と解像度を決定

９６０ｐｘ×６４０ｐｘを基準に

拡縮処理と黒ベタでの塗りつぶしで対応

page.45

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

問題

９６０×６４０８００×４８０


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

端末ごとのチェックが必要

ｉＯＳ/Ａｎｄｒｏｉｄ端末ごとの個別のチェック

ＧＰＵごとのチェックが必要

表示が崩れる、クラッシュするなど

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

page.46

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

問題


おわりに


❖ まとめ

初めてのスマートフォン開発でも自分たちの持ち味を活かすことに成功！

３ｄｓＭａｘを利用したワークフローをスマートフォンへ

反省点

Ａｎｄｒｏｉｄへの対応

早い段階からのチェックや検証

内部データ（アプリ内）と外部データ（ＡｓｓｅｔＢｕｎｄｌｅ）

外部データの読み込みに時間がかかる

内部データと外部データのバランス

page.48


❖ 感謝

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

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

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

page.49


質問等ありましたら…

[email protected]


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

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

に掲載されております！


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

Unityを使用したスマートフォン開発事例...

Documents

Transcript of Unityを使用したスマートフォン開発事例...