新次元ゲーム開発セミナー キーノート (oct-18, 2012)

Post on 21-May-2015

9.775 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Copyright © GREE, Inc. All Rights Reserved.

新次元ゲーム開発セミナー キーノート グリー株式会社 開発本部 CTO室

芳賀 洋行

Copyright © GREE, Inc. All Rights Reserved.

• 芳賀洋行

• グリー株式会社 開発本部 CTO室

自己紹介

2003

2006

2011

2012

2012

2012

エイリアス

オートデスク

グリー

イマココ

CTO室

どうぶつフレンズ プロダクトマネジャー

どうぶつフレンズ エンジニアリーダー

2003

会津大学コンピュータサイエンス

2010

グロービス経営大学院

ロンドンスタジオ エンジニアマネジャー

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.

3 x 3 x 6

Copyright © GREE, Inc. All Rights Reserved.

現状を整理しましょう

①ゲームのグラフィックス

? ? ?

②必要なコンテンツ ③コンテンツ 制作パイプライン

? ? ?

Copyright © GREE, Inc. All Rights Reserved.

現状を整理しましょう

①ゲームのグラフィックス

? ? ?

②必要なコンテンツ ③コンテンツ 制作パイプライン

? ? ?

Copyright © GREE, Inc. All Rights Reserved.

①ゲームのグラフィックス

• ゲームのグラフィック要素は3つ UI、ゲーム空間、シネマ

ゲームの描画要素

シネマ ゲーム空間 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.

グラフィックコンテンツまとめ

背景 モノ 効果

UI

ゲーム空間

シネマ

Copyright © GREE, Inc. All Rights Reserved.

現状を整理しましょう

①ゲームのグラフィックス

UI ゲーム 空間

シネマ

②必要なコンテンツ ③コンテンツ 制作パイプライン

効果 モノ 背景

Copyright © GREE, Inc. All Rights Reserved.

現状を整理しましょう

①ゲームのグラフィックス

UI ゲーム 空間

シネマ

②必要なコンテンツ ③コンテンツ 制作パイプライン

効果 モノ 背景

Copyright © GREE, Inc. All Rights Reserved.

2Dパイプライン 3Dパイプライン

パイプラインの種類

画像

静止画制作2D

FLASH制作

動画制作2D

静止画制作3D

3Dデータ制作

動画制作3D

動画

再生 エンジン

Copyright © GREE, Inc. All Rights Reserved.

ゲームグラフィックス 制作パイプラインのポイント

背景 モノ 効果

UI

ゲーム 空間

シネマ

2D パイプ ライン

3D パイプ ライン

静止画制作2D

動画制作2D

FLASH静止画制作2D

静止画制作3D

動画制作3D

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.

聖戦ケルベロスのグラフィックス パイプライン

背景 モノ 効果

UI

ゲーム 空間

シネマ

2D パイプ ライン

3D パイプ ライン

静止画制作2D

動画制作2D

FLASH静止画制作2D

静止画制作3D

動画制作3D

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.

どこを変える?

背景 モノ 効果

UI

ゲーム空間

シネマ

Copyright © GREE, Inc. All Rights Reserved.

2D

どのくらい変える?

3D

ライト -------------------------- リッチ

Copyright © GREE, Inc. All Rights Reserved.

どこを変える?

背景 モノ 効果

UI

ゲーム空間

シネマ

Copyright © GREE, Inc. All Rights Reserved.

2Dパイプライン 3Dパイプライン

どのパイプラインを使う?

画像

静止画制作2D

FLASH制作

動画制作2D

静止画制作3D

3Dデータ制作

動画制作3D

動画

再生 エンジン

Copyright © GREE, Inc. All Rights Reserved.

• 5つの作業工程

• どこから始めるか?

3Dパイプライン導入の要諦

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.

• コンテンツパイプライン: 3Dデータ

• ゲームエンジン:Unity

Manteka Hero

Copyright © GREE, Inc. All Rights Reserved.

Manteka Heroのグラフィックス パイプライン

背景 モノ 効果

UI

ゲーム 空間

シネマ

2D パイプ ライン

3D パイプ ライン

静止画制作2D

動画制作2D

FLASH静止画制作2D

静止画制作3D

動画制作3D

3Dデータ制作

Unity

Copyright © GREE, Inc. All Rights Reserved.

• コンテンツパイプライン: 2D/3D

• ゲームエンジン:Unity

どうぶつフレンズ

Copyright © GREE, Inc. All Rights Reserved.

どうぶつフレンズグラフィックス パイプライン

背景 モノ 効果

UI

ゲーム 空間

シネマ

2D パイプ ライン

3D パイプ ライン

静止画制作2D

動画制作2D

FLASH静止画制作2D

静止画制作3D

動画制作3D

3Dデータ制作

Unity

Copyright © GREE, Inc. All Rights Reserved.

どうぶつフレンズグラフィックス パイプライン

背景 モノ 効果

UI

ゲーム 空間

シネマ

2D パイプ ライン

3D パイプ ライン

静止画制作2D

動画制作2D

FLASH静止画制作2D

静止画制作3D

動画制作3D

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つ

• 各グラフィックス要素に必要なコンテンツ3つ

• 選べるパイプラインは6つ

• 導入のゴールを明確に!

まとめ

Copyright © GREE, Inc. All Rights Reserved.

一緒に働く仲間を募集しております!

gree.co.jp/recruit

Copyright © GREE, Inc. All Rights Reserved.

top related