CEDEC 2013 - 徹底的にチューンしたハイブリッドアプリ「D.O.T. Defender of Texel」の制作
1. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
徹底的にチューンしたハイブリッドアプリ
「D.O.T. Defender of Texel」の制作
2013年8月23日
多久島信隆/小林潤
ソーシャルゲーム開発部
株式会社ディー・エヌ・エー
51. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
課題と解決策
イベント+アプリは同期リリースを攻略する必要
• リリースサイクルを切り離すにはアプリの更新性を高くする
• WebViewベースなら簡単
WebViewベースでもネイティブを活用して魅力を上げ
られる
• ネイティブアニメーション、ネイティブキャッシュ
• ハイブリッドアプリのひとつの形
50
52. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
結果は概ね狙い通り
気楽に更新できるし、表現の幅も広がった
• 突然の仕様変更にもスピード感ある対応
+αとして得意領域のバラつきもチームの力に
• フロントエンドエンジニアは変わらず戦力
• アプリエンジニアは挑戦的な仕事に活き活き
51
53. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
最後にアーキテクトという仕事の面白さ
ここを引いてここは攻める、という駆け引き
• 技術、市場、人、状況を捉えて信念を持って判断していく
製品のみならず開発スタイル、将来をもデザインする
• 当時cocos2d-xの採用はちょっとした冒険だったが今となっては正解
52
54. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
ありがとうございました
53
もうちょっとだけ続きます
55. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
補遺: アートアセット設計とツールデモ
2013年8月23日
小林潤
ソーシャルゲーム開発部
株式会社ディー・エヌ・エー
56. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
55
あるべき姿
INTRODUCTION TOOLS
57. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
56
データの変更・追加が簡単で
何度も試行錯誤できる
INTRODUCTION TOOLS
58. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
57
デザイナーだけで
クォリティアップ可能
INTRODUCTION TOOLS
59. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
58
実現する為に
4つのツールを開発
INTRODUCTION TOOLS
60. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
59
ImagePacker
SpriteAnimationBuilder
ParticleBuilder
AnimationBuilder
INTRODUCTION TOOLS
61. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
60
INTRODUCTION TOOLS
Texture
ImagePacker SpriteAnimationBuilder
AnimationBuilder
ParticleBuilder
Data flow
62. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
60
INTRODUCTION TOOLS
Texture
ImagePacker SpriteAnimationBuilder
AnimationBuilder
ParticleBuilder
Data flow
63. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
60
INTRODUCTION TOOLS
Texture
ImagePacker SpriteAnimationBuilder
AnimationBuilder
ParticleBuilder
Data flow
64. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
60
INTRODUCTION TOOLS
Texture
ImagePacker SpriteAnimationBuilder
AnimationBuilder
ParticleBuilder
Data flow
65. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
60
INTRODUCTION TOOLS
Texture
ImagePacker SpriteAnimationBuilder
AnimationBuilder
ParticleBuilder
Data flow
66. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
61
INTRODUCTION TOOLS
D.O.T.の人員構成
67. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
62
INTRODUCTION TOOLS
D.O.T. では…
アートD データ設計
データ作成
UI
外注への発注作業
必要素材の作成
データの確認
全画面レイアウト
必要素材の作成(フォトショップ作業)
データ構造の設計
演出等の作成
キャラクター、スキル等のデータ化
AB,PB,SAB
デザイナーの構成
AB,PB,SAB
大事!
68. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
63
INTRODUCTION TOOLS
ほぼ4人
69. Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
64
INTRODUCTION TOOLS
イベント毎の作業量