gree流 新次元ゲーム開発

96
Copyright © GREE, Inc. All Rights Reserved. Copyright © GREE, Inc. All Rights Reserved. GREE新次元ゲーム開発 グリー株式会社 開発本部 CTO坂本一樹 @splhack 121017日水曜日

Upload: kazuki-sakamoto

Post on 07-Nov-2014

17.203 views

Category:

Technology


5 download

DESCRIPTION

■新次元ゲーム開発セミナー http://www.info-event.jp/autodesk/gree_unity_adsk/ ■「“新次元ゲーム開発セミナー”が開催! グリーの気鋭が語る、次世代のモバイルゲーム開発で求められるものとは?」 http://app.famitsu.com/20121018_100844/ ■「グリー坂本氏が語る、ユニティとFlashを結ぶ魔法の杖「Lightweight SWF」 」 http://www.inside-games.jp/article/2012/10/22/60734.html ■「Lightweight SWF」 http://labs.gree.jp/blog/2012/10/6003/

TRANSCRIPT

Page 1: GREE流 新次元ゲーム開発

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

GREE流 新次元ゲーム開発

グリー株式会社 開発本部 CTO室坂本一樹

@splhack

12年10月17日水曜日

Page 2: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

アジェンダ

自己紹介GREEとUnity

Postmortem: Animal Days 

12年10月17日水曜日

Page 3: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

自己紹介

2011年9月入社主にソーシャルゲームのエンジニアその他いろいろ

12年10月17日水曜日

Page 4: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

バックグラウンド

UNIXカーネルデバイスドライバ組み込みゲームWeb モバイル

12年10月17日水曜日

Page 5: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

バックグラウンド

UNIXカーネルデバイスドライバ組み込みゲームWeb モバイル

12年10月17日水曜日

Page 6: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

ソーシャルゲームのエンジニア

基盤的なところUnityの下だったりUnityの上の一番下だったりHTML5だったり

12年10月17日水曜日

Page 7: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Unityの下

12年10月17日水曜日

Page 8: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Unityの下

12年10月17日水曜日

Page 9: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Unityの上の一番下

unity-webview

unity-systemfontrenderer

unity-bitmapfontrenderer

12年10月17日水曜日

Page 10: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Unityプラグイン by GREE

12年10月17日水曜日

Page 11: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Unityプラグイン by GREE

12年10月17日水曜日

Page 12: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Unityプラグイン by GREE

http://github.com/gree

12年10月17日水曜日

Page 13: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

unity-webview

12年10月17日水曜日

Page 14: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

unity-webview

12年10月17日水曜日

Page 15: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

unity-jint

12年10月17日水曜日

Page 16: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Postmortem: Animal Days

12年10月17日水曜日

Page 17: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Postmortem: Animal Days

12年10月17日水曜日

Page 18: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Postmortem: Animal Days

12年10月17日水曜日

Page 19: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Postmortem: Animal Days

12年10月17日水曜日

Page 20: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Postmortem: Animal Days

Unity で 2D

12年10月17日水曜日

Page 21: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Postmortem: Animal Days

Unity で 2D

鬼門?

12年10月17日水曜日

Page 22: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Postmortem: Animal Days

Unity で 2D

鬼門じゃないよ!

12年10月17日水曜日

Page 23: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 24: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 25: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

豊富なキャラクター

多彩なアニメーション

12年10月17日水曜日

Page 26: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 27: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 28: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

どうやって作る?

12年10月17日水曜日

Page 29: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

Unity Asset Store

2D Framework

12年10月17日水曜日

Page 30: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

GREE流

12年10月17日水曜日

Page 31: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

Adobe Flash

12年10月17日水曜日

Page 32: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 33: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 34: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 35: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 36: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

豊富なキャラクター多彩なアニメーション

Adobe Flashでオーサリング

12年10月17日水曜日

Page 37: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

Adobe Flashで作ったデータ

どうやって再生?

12年10月17日水曜日

Page 38: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

Unity Asset Store

Flash

12年10月17日水曜日

Page 39: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

Autodesk Scaleform

12年10月17日水曜日

Page 40: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

Adobe Flash CS6

Texture Sheet

12年10月17日水曜日

Page 41: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

GREE流

12年10月17日水曜日

Page 42: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

Flashデータ利用フレームワーク開発

12年10月17日水曜日

Page 43: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Flashデータ利用フレームワーク

Flashデータ == SWF

12年10月17日水曜日

Page 44: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Flashデータ利用フレームワーク

12年10月17日水曜日

Page 45: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

“会社に必ず1人いると言われているSWFのバイナリに詳しい人”

Flashデータ利用フレームワーク

12年10月17日水曜日

Page 46: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Flashデータ利用フレームワーク

12年10月17日水曜日

Page 47: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Flashデータ利用フレームワーク

12年10月17日水曜日

Page 48: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Flashデータ利用フレームワーク

12年10月17日水曜日

Page 49: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

Flashデータ利用フレームワークfor Unity

12年10月17日水曜日

Page 50: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 51: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 52: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

How many parts?

12年10月17日水曜日

Page 53: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

Too much Draw Calls!

12年10月17日水曜日

Page 54: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

How to reduce Draw Calls?

12年10月17日水曜日

Page 55: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 56: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 57: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 58: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

Just 1 Draw Call

12年10月17日水曜日

Page 59: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

12年10月17日水曜日

Page 60: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

a lot of Draw Calls

12年10月17日水曜日

Page 61: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: Characters

豊富なキャラクター

多彩なアニメーション

12年10月17日水曜日

Page 62: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

いいUI

12年10月17日水曜日

Page 63: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

12年10月17日水曜日

Page 64: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

12年10月17日水曜日

Page 65: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

12年10月17日水曜日

Page 66: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

12年10月17日水曜日

Page 67: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

12年10月17日水曜日

Page 68: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

いいUI

どうやって作る?

12年10月17日水曜日

Page 69: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

Unity Asset Store

GUI

12年10月17日水曜日

Page 70: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

GREE流

12年10月17日水曜日

Page 71: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

Adobe Flash

12年10月17日水曜日

Page 72: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

12年10月17日水曜日

Page 73: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

12年10月17日水曜日

Page 74: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

12年10月17日水曜日

Page 75: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

Adobe Photoshop→Adobe Flash

12年10月17日水曜日

Page 76: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

12年10月17日水曜日

Page 77: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Animal Days: UI

いいUI

12年10月17日水曜日

Page 78: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Flashデータ利用フレームワーク

12年10月17日水曜日

Page 79: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Flashデータ利用フレームワーク

自慢?

12年10月17日水曜日

Page 80: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Flashデータ利用フレームワーク

公開

12年10月17日水曜日

Page 81: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

12年10月17日水曜日

Page 82: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

Open Source!

Yes, We’re Open!

12年10月17日水曜日

Page 83: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

The zlib License

12年10月17日水曜日

Page 84: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

12年10月17日水曜日

Page 85: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

Flashデータを利用するソリューション

12年10月17日水曜日

Page 86: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

http://github.com/gree/lwf

12年10月17日水曜日

Page 87: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

git push ?

12年10月17日水曜日

Page 88: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

SWF→LWFデータ コンバータ

LWFランタイム

12年10月17日水曜日

Page 89: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

Pure Ruby Script for 1.8, 1.9 (JRuby, MacRuby含む)

SWF→LWFデータ コンバータ

12年10月17日水曜日

Page 90: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

ShapeとかMaskとかアクションスクリプトとか複雑なものは含まない!

“KISS principle”

LWFデータ

12年10月17日水曜日

Page 91: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

Unity

HTML5

LWFランタイム

12年10月17日水曜日

Page 92: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

DrawMeshRenderer

CombinedMeshRenderer

Unity

12年10月17日水曜日

Page 93: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

BitmapFontRenderer

SystemFontRenderer

Unity

12年10月17日水曜日

Page 94: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

Webkit CSS3 Canvas WebGL cocos2d-html5

HTML5

12年10月17日水曜日

Page 95: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

LWF

http://github.com/gree/lwf

12年10月17日水曜日

Page 96: GREE流 新次元ゲーム開発

Copyright © GREE, Inc. All Rights Reserved.

12年10月17日水曜日