新次元ゲーム開発セミナー キーノート (oct-18, 2012)
TRANSCRIPT
![Page 1: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/1.jpg)
Copyright © GREE, Inc. All Rights Reserved.
新次元ゲーム開発セミナー キーノート グリー株式会社 開発本部 CTO室
芳賀 洋行
![Page 2: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/2.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• 芳賀洋行
• グリー株式会社 開発本部 CTO室
自己紹介
2003
2006
2011
2012
2012
2012
エイリアス
オートデスク
グリー
イマココ
CTO室
どうぶつフレンズ プロダクトマネジャー
どうぶつフレンズ エンジニアリーダー
2003
会津大学コンピュータサイエンス
2010
グロービス経営大学院
ロンドンスタジオ エンジニアマネジャー
![Page 3: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/3.jpg)
Copyright © GREE, Inc. All Rights Reserved.
Q
![Page 4: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/4.jpg)
Copyright © GREE, Inc. All Rights Reserved.
1. 現状の整理
2. グラフィック選択の指針
3. グリータイトル事例
4. まとめ
キーノート:話の流れ
![Page 5: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/5.jpg)
Copyright © GREE, Inc. All Rights Reserved.
環境の共通認識
エンジン
ブラウザ
ネイティブ
ミドルウェア
顧客
スマートフォンの急速な浸透 顧客ニーズの多様化
求められる「表現範囲の拡大」と「迅速な開発」
デバイス
処理能力、通信速度が 急速に向上している
制作パイプライン
2D制作 パイプライン
3D制作 パイプライン
![Page 6: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/6.jpg)
Copyright © GREE, Inc. All Rights Reserved.
1. 現状の整理
2. グラフィック選択の指針
3. グリータイトル事例
4. まとめ
キーノート:話の流れ
![Page 7: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/7.jpg)
Copyright © GREE, Inc. All Rights Reserved.
①現状の整理
![Page 8: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/8.jpg)
Copyright © GREE, Inc. All Rights Reserved.
3 x 3 x 6
![Page 9: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/9.jpg)
Copyright © GREE, Inc. All Rights Reserved.
現状を整理しましょう
①ゲームのグラフィックス
? ? ?
②必要なコンテンツ ③コンテンツ 制作パイプライン
? ? ?
![Page 10: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/10.jpg)
Copyright © GREE, Inc. All Rights Reserved.
現状を整理しましょう
①ゲームのグラフィックス
? ? ?
②必要なコンテンツ ③コンテンツ 制作パイプライン
? ? ?
![Page 11: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/11.jpg)
Copyright © GREE, Inc. All Rights Reserved.
①ゲームのグラフィックス
• ゲームのグラフィック要素は3つ UI、ゲーム空間、シネマ
ゲームの描画要素
シネマ ゲーム空間 UI
操作できる
汎用的
操作できる
ゲーム固有 操作できない
![Page 12: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/12.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• ユーザーが操作できる。汎用的な部分。
ユーザーインターフェイス
![Page 13: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/13.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• ユーザーが操作できる。ゲーム固有の部分。
ゲーム空間
![Page 14: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/14.jpg)
Copyright © GREE, Inc. All Rights Reserved.
ユーザーインターフェイスと ゲーム空間は同時に表示されることも
![Page 15: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/15.jpg)
Copyright © GREE, Inc. All Rights Reserved.
ユーザーインターフェイスと ゲーム空間は同時に表示される
ユーザーインターフェイス
ユーザーインターフェイス
ゲーム画面
![Page 16: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/16.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• ユーザーが操作できない。ゲーム固有
シネマ
![Page 17: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/17.jpg)
Copyright © GREE, Inc. All Rights Reserved.
ゲームの描画要素おさらい
シネマ ゲーム空間 ユーザーインターフェイス
操作できる
汎用的
操作できる
ゲーム固有 操作できない
![Page 18: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/18.jpg)
Copyright © GREE, Inc. All Rights Reserved.
現状を整理しましょう
①ゲームのグラフィックス
UI ゲーム 空間
シネマ
②必要なコンテンツ ③コンテンツ 制作パイプライン
?
![Page 19: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/19.jpg)
Copyright © GREE, Inc. All Rights Reserved.
現状を整理しましょう
①ゲームのグラフィックス
UI ゲーム 空間
シネマ
②必要なコンテンツ ③コンテンツ 制作パイプライン
?
![Page 20: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/20.jpg)
Copyright © GREE, Inc. All Rights Reserved.
各描画要素に必要なコンテンツ
ゲーム空間
? ? ?
![Page 21: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/21.jpg)
Copyright © GREE, Inc. All Rights Reserved.
各描画要素に必要なコンテンツ
背景 モノ 効果
うごかさない 少品種 地形
うごかす 多品種
キャラクター
それ自体がうごく 多コピー 炎/光/粒子
ゲーム空間
![Page 22: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/22.jpg)
Copyright © GREE, Inc. All Rights Reserved.
描画要素に必要なコンテンツ
背景 モノ 効果
シネマ ゲーム空間 ユーザーインターフェイス
背景 モノ 効果 背景 モノ 効果
![Page 23: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/23.jpg)
Copyright © GREE, Inc. All Rights Reserved.
グラフィックコンテンツまとめ
背景 モノ 効果
UI
ゲーム空間
シネマ
![Page 24: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/24.jpg)
Copyright © GREE, Inc. All Rights Reserved.
現状を整理しましょう
①ゲームのグラフィックス
UI ゲーム 空間
シネマ
②必要なコンテンツ ③コンテンツ 制作パイプライン
効果 モノ 背景
![Page 25: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/25.jpg)
Copyright © GREE, Inc. All Rights Reserved.
現状を整理しましょう
①ゲームのグラフィックス
UI ゲーム 空間
シネマ
②必要なコンテンツ ③コンテンツ 制作パイプライン
効果 モノ 背景
![Page 26: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/26.jpg)
Copyright © GREE, Inc. All Rights Reserved.
2Dパイプライン 3Dパイプライン
パイプラインの種類
画像
静止画制作2D
FLASH制作
動画制作2D
静止画制作3D
3Dデータ制作
動画制作3D
動画
再生 エンジン
用
![Page 27: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/27.jpg)
Copyright © GREE, Inc. All Rights Reserved.
ゲームグラフィックス 制作パイプラインのポイント
背景 モノ 効果
UI
ゲーム 空間
シネマ
2D パイプ ライン
3D パイプ ライン
静止画制作2D
動画制作2D
FLASH静止画制作2D
静止画制作3D
動画制作3D
3Dデータ制作
![Page 28: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/28.jpg)
Copyright © GREE, Inc. All Rights Reserved.
ブラウザソーシャルゲームの グラフィックス要素
シネマ ゲーム空間 UI
操作できる
汎用的
操作できる
ゲーム固有
操作できない
ゲーム固有
![Page 29: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/29.jpg)
Copyright © GREE, Inc. All Rights Reserved.
ブラウザソーシャルゲームの グラフィックス要素
シネマ ゲーム空間 UI 操作できる
汎用的
操作できる
ゲーム固有
操作できない
ゲーム固有
![Page 30: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/30.jpg)
Copyright © GREE, Inc. All Rights Reserved.
ブラウザゲームに必要な コンテンツ
背景 モノ 効果 背景 モノ 効果
シネマ ゲーム空間 UI 操作できる
汎用的
操作できる
ゲーム固有 操作できない
ゲーム固有
背景 モノ
![Page 31: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/31.jpg)
Copyright © GREE, Inc. All Rights Reserved.
聖戦ケルベロスのグラフィックス パイプライン
背景 モノ 効果
UI
ゲーム 空間
シネマ
2D パイプ ライン
3D パイプ ライン
静止画制作2D
動画制作2D
FLASH静止画制作2D
静止画制作3D
動画制作3D
3Dデータ制作
Web View
![Page 32: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/32.jpg)
Copyright © GREE, Inc. All Rights Reserved.
1. 現状の整理
2. グラフィック選択の指針
3. グリータイトル事例
4. まとめ
キーノート:話の流れ
![Page 33: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/33.jpg)
Copyright © GREE, Inc. All Rights Reserved.
②グラフィックス選択の指針
![Page 34: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/34.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• ゴールを明確に!なぜ変える? • どこを変える?
• どのくらい変える?
• どうやって変える?
選択の指針
![Page 35: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/35.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• ゴールを明確に
• 優先順位をつけましょう
ユーザーにどんな気持ちに なってもらいたい?
やってみたい!
やってみたい!
欲しい!
![Page 36: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/36.jpg)
Copyright © GREE, Inc. All Rights Reserved.
どこを変える?
背景 モノ 効果
UI
ゲーム空間
シネマ
![Page 37: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/37.jpg)
Copyright © GREE, Inc. All Rights Reserved.
2D
どのくらい変える?
3D
ライト -------------------------- リッチ
![Page 38: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/38.jpg)
Copyright © GREE, Inc. All Rights Reserved.
どこを変える?
背景 モノ 効果
UI
ゲーム空間
シネマ
![Page 39: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/39.jpg)
Copyright © GREE, Inc. All Rights Reserved.
2Dパイプライン 3Dパイプライン
どのパイプラインを使う?
画像
静止画制作2D
FLASH制作
動画制作2D
静止画制作3D
3Dデータ制作
動画制作3D
動画
再生 エンジン
用
![Page 40: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/40.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• 5つの作業工程
• どこから始めるか?
3Dパイプライン導入の要諦
3Dパイプライン
レンダリング 陰影をつける
モデリング 形状をつくる
テクスチャ 質感をつくる
アニメーション 動きをつくる
エフェクト 炎/爆発/光などの効果を作る
![Page 41: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/41.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• ゴールを明確に!なぜ変える? • どこを変える?
• どのくらい変える?
• どうやって変える?
選択の指針
![Page 42: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/42.jpg)
Copyright © GREE, Inc. All Rights Reserved.
1. 現状の整理
2. グラフィック選択の指針
3. グリータイトル事例
4. まとめ
キーノート:話の流れ
![Page 43: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/43.jpg)
Copyright © GREE, Inc. All Rights Reserved.
③グリーの事例
![Page 44: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/44.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• コンテンツパイプライン: 3Dデータ
• ゲームエンジン:Unity
Manteka Hero
![Page 45: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/45.jpg)
Copyright © GREE, Inc. All Rights Reserved.
Manteka Heroのグラフィックス パイプライン
背景 モノ 効果
UI
ゲーム 空間
シネマ
2D パイプ ライン
3D パイプ ライン
静止画制作2D
動画制作2D
FLASH静止画制作2D
静止画制作3D
動画制作3D
3Dデータ制作
Unity
![Page 46: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/46.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• コンテンツパイプライン: 2D/3D
• ゲームエンジン:Unity
どうぶつフレンズ
![Page 47: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/47.jpg)
Copyright © GREE, Inc. All Rights Reserved.
どうぶつフレンズグラフィックス パイプライン
背景 モノ 効果
UI
ゲーム 空間
シネマ
2D パイプ ライン
3D パイプ ライン
静止画制作2D
動画制作2D
FLASH静止画制作2D
静止画制作3D
動画制作3D
3Dデータ制作
Unity
![Page 48: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/48.jpg)
Copyright © GREE, Inc. All Rights Reserved.
どうぶつフレンズグラフィックス パイプライン
背景 モノ 効果
UI
ゲーム 空間
シネマ
2D パイプ ライン
3D パイプ ライン
静止画制作2D
動画制作2D
FLASH静止画制作2D
静止画制作3D
動画制作3D
3Dデータ制作
Unity
![Page 49: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/49.jpg)
Copyright © GREE, Inc. All Rights Reserved.
1. 現状の整理
2. グラフィック選択の指針
3. グリータイトル事例
4. まとめ
キーノート:話の流れ
![Page 50: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/50.jpg)
Copyright © GREE, Inc. All Rights Reserved.
④まとめ
![Page 51: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/51.jpg)
Copyright © GREE, Inc. All Rights Reserved.
• ゲームグラフィック要素は3つ
• 各グラフィックス要素に必要なコンテンツ3つ
• 選べるパイプラインは6つ
• 導入のゴールを明確に!
まとめ
![Page 52: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/52.jpg)
Copyright © GREE, Inc. All Rights Reserved.
一緒に働く仲間を募集しております!
gree.co.jp/recruit
![Page 53: 新次元ゲーム開発セミナー キーノート (Oct-18, 2012)](https://reader034.vdocuments.net/reader034/viewer/2022052321/555dacc0d8b42a63328b4741/html5/thumbnails/53.jpg)
Copyright © GREE, Inc. All Rights Reserved.