新次元ゲーム開発セミナー
キーノート
グリー株式会社
開発本部 CTO室
芳賀 洋行
Copyright © GREE, Inc. All Rights Reserved.

自己紹介
• 芳賀洋行
• グリー株式会社 開発本部 CTO室
どうぶつフレンズ CTO室
エンジニアリーダー 2012 イマ
ココ
どうぶつフレンズ
プロダクトマネジャー 2012
グリー
2012
オートデスク 2011 ロンドンスタジオ
エンジニアマネジャー
2006
2010
2003
エイリアス グロービス経営大学院
2003
会津大学コンピュータサイエンス
Copyright © GREE, Inc. All Rights Reserved.

Q
Copyright © GREE, Inc. All Rights Reserved.

キーノート:話の流れ
1. 現状の整理
2. グラフィック選択の指針
3. グリータイトル事例
4. まとめ
Copyright © GREE, Inc. All Rights Reserved.

環境の共通認識
顧客 デバイス
スマートフォンの急速な浸透 処理能力、通信速度が
顧客ニーズの多様化 急速に向上している
求められる「表現範囲の拡大」と「迅速な開発」
エンジン 制作パイプライン
ブラウザ 2D制作
パイプライン
ミドルウェア
3D制作
ネイティブ パイプライン
Copyright © GREE, Inc. All Rights Reserved.

キーノート:話の流れ
1. 現状の整理
2. グラフィック選択の指針
3. グリータイトル事例
4. まとめ
Copyright © GREE, Inc. All Rights Reserved.

①現状の整理
Copyright © GREE, Inc. All Rights Reserved.

3x3x6
Copyright © GREE, Inc. All Rights Reserved.

現状を整理しましょう
①ゲームのグラフィックス
? ? ?
②必要なコンテンツ ③コンテンツ
制作パイプライン
? ? ?
Copyright © GREE, Inc. All Rights Reserved.

現状を整理しましょう
①ゲームのグラフィックス
? ? ?
②必要なコンテンツ ③コンテンツ
制作パイプライン
? ? ?
Copyright © GREE, Inc. All Rights Reserved.

ゲームの描画要素
• ゲームのグラフィック要素は３つ
ＵＩ、ゲーム空間、シネマ
①ゲームのグラフィックス
UI ゲーム空間 シネマ
操作できる 操作できる
操作できない
汎用的 ゲーム固有
Copyright © GREE, Inc. All Rights Reserved.

ユーザーインターフェイス
• ユーザーが操作できる。汎用的な部分。
Copyright © GREE, Inc. All Rights Reserved.

ゲーム空間
• ユーザーが操作できる。ゲーム固有の部分。
Copyright © GREE, Inc. All Rights Reserved.

ユーザーインターフェイスと
ゲーム空間は同時に表示されることも
Copyright © GREE, Inc. All Rights Reserved.

ユーザーインターフェイスと
ゲーム空間は同時に表示される
ユーザーインターフェイス
ゲーム画面
ユーザーインターフェイス
Copyright © GREE, Inc. All Rights Reserved.

シネマ
• ユーザーが操作できない。ゲーム固有
Copyright © GREE, Inc. All Rights Reserved.

ゲームの描画要素おさらい
ユーザーインター ゲーム空間 シネマ
フェイス
操作できる 操作できる
操作できない
汎用的 ゲーム固有
Copyright © GREE, Inc. All Rights Reserved.

現状を整理しましょう
①ゲームのグラフィックス
ゲーム
UI シネマ
空間
②必要なコンテンツ ③コンテンツ
制作パイプライン
?
Copyright © GREE, Inc. All Rights Reserved.

現状を整理しましょう
①ゲームのグラフィックス
ゲーム
UI シネマ
空間
②必要なコンテンツ ③コンテンツ
制作パイプライン
?
Copyright © GREE, Inc. All Rights Reserved.

各描画要素に必要なコンテンツ
？ ？ ？
ゲーム空間
Copyright © GREE, Inc. All Rights Reserved.

各描画要素に必要なコンテンツ
背景 モノ 効果
うごかさない うごかす それ自体がうごく
少品種 多品種 多コピー
地形 キャラクター 炎/光/粒子
ゲーム空間
Copyright © GREE, Inc. All Rights Reserved.

描画要素に必要なコンテンツ
背景 モノ 効果 背景 モノ 効果 背景 モノ 効果
ユーザーインター ゲーム空間 シネマ
フェイス
Copyright © GREE, Inc. All Rights Reserved.

グラフィックコンテンツまとめ
背景 モノ 効果
ＵＩ
ゲーム空間
シネマ
Copyright © GREE, Inc. All Rights Reserved.

現状を整理しましょう
①ゲームのグラフィックス
ゲーム
UI シネマ
空間
②必要なコンテンツ ③コンテンツ
制作パイプライン
背景 モノ 効果
Copyright © GREE, Inc. All Rights Reserved.

現状を整理しましょう
①ゲームのグラフィックス
ゲーム
UI シネマ
空間
②必要なコンテンツ ③コンテンツ
制作パイプライン
背景 モノ 効果
Copyright © GREE, Inc. All Rights Reserved.

パイプラインの種類
2Dパイプライン 3Dパイプライン
静止画制作2D 静止画制作3D
画像
動画制作2D 動画制作3D
動画
FLASH制作 再生 3Dデータ制作
エンジン
用
Copyright © GREE, Inc. All Rights Reserved.

ゲームグラフィックス
制作パイプラインのポイント
2D 静止画制作2D 3D
静止画制作3D
パイプ パイプ
ライン 動画制作2D ライン 動画制作3D
FLASH静止画制作2D 3Dデータ制作
背景 モノ 効果
ＵＩ
ゲーム
空間
シネマ
Copyright © GREE, Inc. All Rights Reserved.

ブラウザソーシャルゲームの
グラフィックス要素
UI ゲーム空間 シネマ
操作できる 操作できる 操作できない
汎用的 ゲーム固有 ゲーム固有
Copyright © GREE, Inc. All Rights Reserved.

ブラウザソーシャルゲームの
グラフィックス要素
UI ゲーム空間 シネマ
操作できる 操作できる
操作できない
汎用的 ゲーム固有
ゲーム固有
Copyright © GREE, Inc. All Rights Reserved.

ブラウザゲームに必要な
コンテンツ
背景 モノ 背景 モノ 効果 背景 モノ 効果
UI ゲーム空間 シネマ
操作できる 操作できる
操作できない
汎用的 ゲーム固有
ゲーム固有
Copyright © GREE, Inc. All Rights Reserved.

聖戦ケルベロスのグラフィックス
パイプライン
2D 静止画制作2D 静止画制作3D
3D
パイプ パイプ
ライン 動画制作2D 動画制作3D ライン
FLASH静止画制作2D 3Dデータ制作
背景 モノ 効果
ＵＩ
Web View ゲーム
空間
シネマ
Copyright © GREE, Inc. All Rights Reserved.

キーノート:話の流れ
1. 現状の整理
2. グラフィック選択の指針
3. グリータイトル事例
4. まとめ
Copyright © GREE, Inc. All Rights Reserved.

②グラフィックス選択の指針
Copyright © GREE, Inc. All Rights Reserved.

選択の指針
• ゴールを明確に！なぜ変える？
• どこを変える？
• どのくらい変える？
• どうやって変える？
Copyright © GREE, Inc. All Rights Reserved.

ユーザーにどんな気持ちに
なってもらいたい？
• ゴールを明確に
• 優先順位をつけましょう
やってみたい！
やってみたい！
欲しい！
Copyright © GREE, Inc. All Rights Reserved.

どこを変える？
背景 モノ 効果
ＵＩ
ゲーム空間
シネマ
Copyright © GREE, Inc. All Rights Reserved.

どのくらい変える？
ライト -------------------------- リッチ
2D
3D
Copyright © GREE, Inc. All Rights Reserved.

どこを変える？
背景 モノ 効果
ＵＩ
ゲーム空間
シネマ
Copyright © GREE, Inc. All Rights Reserved.

どのパイプラインを使う？
2Dパイプライン 3Dパイプライン
静止画制作2D 静止画制作3D
画像
動画制作2D 動画制作3D
動画
FLASH制作 再生 3Dデータ制作
エンジン
用
Copyright © GREE, Inc. All Rights Reserved.

3Dパイプライン導入の要諦
• ５つの作業工程
• どこから始めるか？
３Ｄパイプライン
モデリング テクスチャ アニメーション レンダリング
形状をつくる 質感をつくる 動きをつくる 陰影をつける
エフェクト
炎/爆発/光などの効果を作る
Copyright © GREE, Inc. All Rights Reserved.

選択の指針
• ゴールを明確に！なぜ変える？
• どこを変える？
• どのくらい変える？
• どうやって変える？
Copyright © GREE, Inc. All Rights Reserved.

キーノート:話の流れ
1. 現状の整理
2. グラフィック選択の指針
3. グリータイトル事例
4. まとめ
Copyright © GREE, Inc. All Rights Reserved.

③グリーの事例
Copyright © GREE, Inc. All Rights Reserved.

Manteka Hero
• コンテンツパイプライン： 3Dデータ
• ゲームエンジン：Unity
Copyright © GREE, Inc. All Rights Reserved.

Manteka Heroのグラフィックス
パイプライン
2D 静止画制作2D 静止画制作3D
3D
パイプ パイプ
ライン 動画制作2D 動画制作3D ライン
FLASH静止画制作2D 3Dデータ制作
Unity 背景 モノ 効果
ＵＩ
ゲーム
空間
シネマ
Copyright © GREE, Inc. All Rights Reserved.

どうぶつフレンズ
• コンテンツパイプライン： 2D/3D
• ゲームエンジン：Unity
Copyright © GREE, Inc. All Rights Reserved.

どうぶつフレンズグラフィックス
パイプライン
2D 静止画制作2D 静止画制作3D
3D
パイプ パイプ
ライン 動画制作2D 動画制作3D ライン
FLASH静止画制作2D 3Dデータ制作
Unity 背景 モノ 効果
ＵＩ
ゲーム
空間
シネマ
Copyright © GREE, Inc. All Rights Reserved.

どうぶつフレンズグラフィックス
パイプライン
2D 静止画制作2D 静止画制作3D
3D
パイプ パイプ
ライン 動画制作2D 動画制作3D ライン
FLASH静止画制作2D 3Dデータ制作
Unity 背景 モノ 効果
ＵＩ
ゲーム
空間
シネマ
Copyright © GREE, Inc. All Rights Reserved.

キーノート:話の流れ
1. 現状の整理
2. グラフィック選択の指針
3. グリータイトル事例
4. まとめ
Copyright © GREE, Inc. All Rights Reserved.

④まとめ
Copyright © GREE, Inc. All Rights Reserved.

まとめ
• ゲームグラフィック要素は３つ
• 各グラフィックス要素に必要なコンテンツ3つ
• 選べるパイプラインは6つ
• 導入のゴールを明確に！
Copyright © GREE, Inc. All Rights Reserved.

一緒に働く仲間を募集しております！
gree.co.jp/recruit
Copyright © GREE, Inc. All Rights Reserved.

Copyright © GREE, Inc. All Rights Reserved.