final fantasy record keeper 演出データについて

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

1

FINAL FANTASYRecord Keeper 演出データについて

Strict ly confidential

Japanリージョンゲーム事業本部技術・編成部開発基盤グループ

小林 潤

©2014 SQUARE ENIX CO.,LTD / DeNA Co.,Ltd. All Rights Reserved.

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

2

宣伝

Strict ly confidential

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

3

CGWORLD 2014 クリエイティブカンファレンス１１月２３日　1３:00~

文京学院大学　本郷キャンパスhttp://cgw.borndigital.jp/2014/session.html

17:30~18:30です～

Strict ly confidential

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

4

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

Strict ly confidential

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

5

１、データの基本

Strict ly confidential

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

6

FFRKで演出データをどう扱っているか

Strict ly confidential データの基本

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

7

マスター AnimationBuilderデータ

Strict ly confidential データの基本

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

8

マスター

Strict ly confidential データの基本

スプレッドシートで管理している情報

データのパス 動きの指定 表示する場所 etc…

見た目や、動きに関係する設定を記載している

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

9

AnimationBuildeデータ

Strict ly confidential データの基本

内製ツールで作成している量産データ

キャラクター敵キャラボス

アビリティーBG

アビリティー召喚獣必殺技

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

10

簡単に実機確認できる

Strict ly confidential

エンジニアの手を借りずに確認出来るエンジニアの手を借りずにデータを増やせる

データの基本

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

11

２、ツールの紹介

Strict ly confidential

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

12

Kickmotorとは

Strict ly confidential

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

ツールの紹介

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

13

Kickmotorの構成

Strict ly confidential

ゲームWebView

ネイティブキャッシュ

他SDK

WebView / ネイティブブリッジ

ABランタイム

Cocos2DXハードウェア

iOS Android

Kickmotor

ツールの紹介

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

14

Strict ly confidential

画面の構成イメージOpenGLのレイヤーをWebViewの上に重ねる

ネイティブアニメーション

web

ツールの紹介

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

15

Strict ly confidential

FFRKでは、動いてるところは全てネイティブで作成した

当初、ハイブリッドで考えていたが、演出（アニメーション）を優先して全てネイティブで作成する事になった

ツールの紹介

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

16

表示の方法

Strict ly confidential

Java Scriptで行う

WebViewにインターフェースで繋いでコマンドのやりとりをすることで実現

アニメ制御は。。

ツールの紹介

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

17

Strict ly confidential

アニメ再生、停止、一時停止、再生速度

アニメ終了や指定フレームでのコールバック

ノードの複製、接続

ノードのタッチイベントのコールバック

MoveTo, ScaleToなどの直接制御

jsからできること

ツールの紹介

表示の方法

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

18

内製ツールの紹介

Strict ly confidential ツールの紹介

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

19

Strict ly confidential

ImagePacker

SpriteAnimationBuilder

ParticleBuilder

AnimationBuilder

ツールの紹介

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

20

Strict ly confidential

ImagePacker

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

ツールの紹介

SpriteAnimationBuilder

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

21

Strict ly confidential

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

ツールの紹介

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

22

Strict ly confidential

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

ツールの紹介ParticleBuilder

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

23

Strict ly confidential

INTRODUCTION TOOLS

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

ツールの紹介AnimationBuilder

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

24

Strict ly confidential

Texture

ImagePacker SpriteAnimationBuilder

AnimationBuilder

ParticleBuilder

Data flow

ツールの紹介

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

25

３、データの中身

Strict ly confidential

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

26

Strict ly confidential

ザコ、キャラクターについて

データの中身

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

27

Strict ly confidential

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

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

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

28

Strict ly confidential

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

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

SABデータ

SABデータ

SABデータ

共有のＡＢデータ

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

29

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

SABデータ

マスター

共通AnimationBuilderデータ

IDでマスターと紐づいて管理している

ゲーム

ID(例) 名前100001 戦士

!100002 白魔導士100003 黒魔導士100004 !

赤魔導士100005 青魔導士

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

30

Strict ly confidential

キャラクターはアニメーションしていて、ザコはアニメーションしていないが、構造は同じにしているので動かす事は可能になっている

データを作る工数を削減するため、ザコは動かさないと決めた

ザコもキャラクターもスクリプトで一括変換している

ImagePackerでパックする画像の名前にルールをもうけているので実現している

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

ザコ

キャラ

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

31

Strict ly confidential

背景について

データの中身

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

32

Strict ly confidential

同じ背景でもバリエーション持たせたい

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

CGWORLD 2014 クリエイティブカンファレンで話します。。。

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

33

Strict ly confidential

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

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

CGWORLD 2014 クリエイティブカンファレンで話します。。。

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

34

Strict ly confidential

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

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

CGWORLD 2014 クリエイティブカンファレンで話します。。。

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

35

Strict ly confidential データの中身背景について

背景の前でキャラの後ろに出る エフェクト設置箇所

遠景エフェクトの設置箇所CGWORLD 2014 クリエイティブカンファレン

で話します。。。

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

36

Strict ly confidential

ボスについて

データの中身

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

37

Strict ly confidential

動かしたい！

遊び方に合わせた変化をさせたい。

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

CGWORLD 2014 クリエイティブカンファレンで話します。。。

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

38

Strict ly confidential

企画段階ではスーファミのＦＦ準拠の演出動かない！（揺れ、色変化のみ）

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

ツールでデモを作成してプレゼン今の形となる

CGWORLD 2014 クリエイティブカンファレンで話します。。。

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

39

Strict ly confidential

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

頂いている画像 分解

頂いたドット絵のイメージを崩さずアニメーションさせる

CGWORLD 2014 クリエイティブカンファレンで話します。。。

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

40

Strict ly confidential

全てのボスが専用ＡＩのため、データもカスタマイズがしやすいようにしている

ダメージ、死亡時の制御、アビリティーのステイタス変更表示等は、共通の仕様としている

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

CGWORLD 2014 クリエイティブカンファレンで話します。。。

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

41

Strict ly confidential

アビリティーについて

データの中身

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

42

Strict ly confidential

企画段階ではスーファミのＦＦ準拠の演出ドットのパラパラエフェクト

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

ツールでデモを作成してプレゼン今の形となる

プレゼン資料

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

43

Strict ly confidential

アビリティーには３種類ある

通常アビリティー、召喚獣、必殺技

この３つを同じ再生ロジックで表示したい。。

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

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

44

Strict ly confidential

アビリティーについて

launch

アビリティー再生手順

shot hit発動準備 発動 着弾

damageダメージモーションダメージ数の表示

データの中身

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

45

Strict ly confidential

通常アビリティー、召喚獣、必殺技

それぞれ重みが違う。。 演出の長さが違う。。

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

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

46

Strict ly confidential

どうする…

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

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

47

Strict ly confidential

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

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

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

48

Strict ly confidential

launch

受け渡しタイミングの制御

shot発動準備 next : 249f

Actionの機能を利用し、ゲーム側へ情報を送る事で次のアニメーション開始タイミングをデータ内で取り回せるようにした

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

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

49

Strict ly confidential

launch

ファイア

next : 20f

メテオ

shot hitnext : 0f next : 68f

launchnext : 20f

shot hitnext : 120f next : 0f

damage

damage

shotはダミーデータにして、再生されないようにしている

hitはダミーデータにして、再生されないようにしている

ダミーデータは共通化して、マスター上で指定している

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

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

50

Strict ly confidential

アビリティーのマスター

名前 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

ダミーデータを指定

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

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

51

Strict ly confidential

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

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

Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved.

52

Strict ly confidential

おわり