FINAL FANTASY  Record Keeper 演出データについて

1
Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.
Strictly confidential
FINAL FANTASY
Record Keeper
演出データについて
Japanリージョンゲーム事業本部
技術・編成部開発基盤グループ
小林潤
©2014 SQUARE ENIX CO.,LTD / DeNA Co.,Ltd. All Rights Reserved.

2
宣伝

3
CGWORLD 2014 クリエイティブカンファレンス
１１月２３日　1３:00~
文京学院大学　本郷キャンパス
http://cgw.borndigital.jp/2014/session.html
17:30~18:30です～

4
１、データの基本
２、ツールの紹介
３、データの中身

5
１、データの基本

6
Strictly confidential データの基本
FFRKで演出データをどう扱っているか

7
マスター
AnimationBuilderデータ

8
スプレッドシートで管理している情報
マスター
データのパス
動きの指定
表示する場所
etc…
見た目や、動きに関係する
設定を記載している

9
内製ツールで作成している量産データ
AnimationBuildeデータ
キャラクター
敵キャラ
ボス
アビリティー
BG
アビリティー
召喚獣
必殺技

10
データの基本
簡単に実機確認できる
エンジニアの手を借りずに確認出来る
エンジニアの手を借りずにデータを増やせる

11
２、ツールの紹介

12
ツールの紹介
Kickmotorとは
社内で開発したWebViewとGLViewを持つ
ハイブリッドアプリ作成のためのフレームワーク

13
Kickmotorの構成
WebView / ネイティブブリッジ
ゲーム
WebView
ネイティブ
キャッシュ他SDK
ABランタイム
Cocos2DX
ハードウェア
iOS Android
Kickmotor
ツールの紹介

14
ツールの紹介
画面の構成イメージ
OpenGLのレイヤーをWebViewの上に重ねる
ネイティブアニメーション
web

15
ツールの紹介
FFRKでは、動いてるところは
全てネイティブで作成した
当初、ハイブリッドで考えていたが、演出
（アニメーション）を優先して全てネイティ
ブで作成する事になった

16
ツールの紹介
表示の方法
アニメ制御は。。
Java Scriptで行う
WebViewにインターフェースで繋いでコマンドの
やりとりをすることで実現

17
ツールの紹介
表示の方法
jsからできること
アニメ再生、停止、一時停止、再生速度
アニメ終了や指定フレームでのコールバック
ノードの複製、接続
ノードのタッチイベントのコールバック
MoveTo, ScaleToなどの直接制御

18
Strictly confidential ツールの紹介
内製ツールの紹介

19
ImagePacker
SpriteAnimationBuilder
ParticleBuilder
AnimationBuilder
ツールの紹介

20
ツールの紹介
ImagePacker
画像を、２５６x２５６、５１２x５１２等のサイズに
パックして、ＵＶ値をjsonとして書き出すツール

ツールの紹介
SpriteAnimationBuilder
21
スプライトアニメーションを、作成するツール
レイヤーを使うことで、使用する画像を減らすことが
可能（AnimationBuilderとデータ連携をしている）

22
ツールの紹介
ParticleBuilder
エフェクトのデータを作成するツール
（AnimationBuilderとデータ連携をしている）
データはjsonで書き出している

23
ツールの紹介
INTRODUCTION TOOLS
AnimationBuilder
UI、演出、ゲームステージの構造等を作成するツール
プレビューしながら、構造的にデータを作ることができる
データはjsonで書き出している

24
ツールの紹介
ImagePacker SpriteAnimationBuilder
Texture
AnimationBuilder
ParticleBuilder
Data flow

25
３、データの中身

26
データの中身
ザコ、キャラクターについて

27
データの中身
大量にあるので、作るの簡略化したい
同じ再生ロジックで表示したい

28
データの中身
SABデータ
複雑なデータ構造は共有データとし、SpriteAnimationBuilderの
データを差し替えることで実現した
SABデータ
SABデータ
共有のＡＢデータ

29
Strictly confidential データの中身
マスター
SABデータ
共通AnimationBuilderデータ
IDでマスターと紐づいて管理している
ゲーム
ID(例) 名前
100001 戦士
100002 白魔!導士
100003 黒魔導士
100004
!
赤魔導士
100005 青魔導士

30
データの中身
キャラクターはアニメーションしていて、ザコはアニメーションしてい
ないが、構造は同じにしているので動かす事は可能になっている
データを作る工数を削減するため、ザコは動かさないと決めた
ザコもキャラクターもスクリプトで一括変換している
ImagePackerでパックする画像の名前にルールをもうけているので実
現している
ザコ
キャラ

31
背景について
データの中身

32
データの中身
背景について
同じ背景でもバリエーション持たせたい
CGWORLD 2014 クリエイティブカンファレン
で話します。。。

33
データの中身
背景について
同じ背景でも天候や、演出を簡単に追加出来るようにした
企画だけで追加出来るように、マスターで合成できるようにした
データの設計は共通化している

34
データの中身
背景について
背景データの、特定箇所にエフェクト演出データを設置出来るようにした

35
Strictly confidential データの中身
CGWORLD 2014 ク遠リ景エエイフテェィクブトのカ設ン置フ箇ァ所レン
背景について
背景の前でキャラの後ろに出る
エフェクト設置箇所

36
ボスについて
データの中身

37
データの中身
ボスについて
動かしたい！
遊び方に合わせた変化をさせたい。

38
ボスについて
企画段階では
スーファミのＦＦ準拠の演出
動かない！（揺れ、色変化のみ）
データの中身
ツールでデモを作成してプレゼン
今の形となる

39
ボスについて
データの中身
頂いている画像分解
頂いたドット絵のイメージを
崩さずアニメーションさせる

40
データの中身
ボスについて
全てのボスが専用ＡＩのため、データもカスタマ
イズがしやすいようにしている
ダメージ、死亡時ので制話し御ま、すア。。ビ。
リティーのステイ
タス変更表示等は、共通の仕様としている

41
データの中身
アビリティーについて

42
企画段階では
スーファミのＦＦ準拠の演出
ドットのパラパラエフェクト
データの中身
ツールでデモを作成してプレゼン
今の形となる
プレゼン資料

43
データの中身
アビリティーには３種類ある
通常アビリティー、召喚獣、必殺技
この３つを同じ再生ロジックで表示したい。。

44
データの中身
アビリティー再生手順
launch
shot hit
発動準備発動着弾
damage
ダメージモーション
ダメージ数の表示

45
データの中身
通常アビリティー、召喚獣、必殺技
それぞれ重みが違う。。
演出の長さが違う。。

46
データの中身
どうする…

47
データの中身
データに次の
受け渡しタイミングを仕込む

48
データの中身
受け渡しタイミングの制御
launch
shot
発動準備next : 249f
Actionの機能を利用し、ゲーム側へ
情報を送る事で次のアニメーション
開始タイミングをデータ内で取り回
せるようにした

49
データの中身
damage
ファイア
launch
next : 20f
メテオ
shot hit
next : 0f next : 68f
launch
next : 20f
shot hit
next : 120f next : 0f
damage
shotはダミーデータにして、再生されないようにしている
hitはダミーデータにして、再生されないようにしている
ダミーデータは共通化して、マスター上で指定している

50
アビリティーのマスター
名前id akt_motion
攻撃モーション
launch
発動
shot
途中
hit
着弾
miss_hit
ミスした時のhit
default指定の場合は空欄
ジャンプ10003 chant_end common/launch_empty.json common/shot_empty.json 10003/10003_hit.json 10003/hit_miss.json
おうえん10006 ready common/launch_empty.json 10006/10006_shot.json 10006/10006_hit.json
涙10024 damage common/launch_empty.json 10024/10024_shot.json 10024/10024_hit.json
ダミーデータを指定
データの中身

51
データの中身
データの作り方を統一する事で
学習コストを抑え量産化しやすくした

52
おわり

FINAL FANTASY  Record Keeper 演出データについて

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to FINAL FANTASY  Record Keeper 演出データについて

Similar to FINAL FANTASY  Record Keeper 演出データについて (20)