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.


2

宣伝



3

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

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

17:30~18:30です～



4

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



5

１、データの基本



6

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

Strict ly confidential データの基本


7

マスター AnimationBuilderデータ



8

マスター


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

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

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


9

AnimationBuildeデータ


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

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

アビリティーBG

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


10

簡単に実機確認できる


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

データの基本


11

２、ツールの紹介



12

Kickmotorとは


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

ツールの紹介


13

Kickmotorの構成


ゲームWebView

ネイティブキャッシュ

他SDK

WebView / ネイティブブリッジ

ABランタイム

Cocos2DXハードウェア

iOS Android

Kickmotor

ツールの紹介


14


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

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

web

ツールの紹介


15


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

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

ツールの紹介


16

表示の方法


Java Scriptで行う

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

アニメ制御は。。

ツールの紹介


17


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

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

ノードの複製、接続

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

MoveTo, ScaleToなどの直接制御

jsからできること

ツールの紹介

表示の方法


18

内製ツールの紹介

Strict ly confidential ツールの紹介


19


ImagePacker

SpriteAnimationBuilder

ParticleBuilder

AnimationBuilder

ツールの紹介


20


ImagePacker

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

ツールの紹介

SpriteAnimationBuilder


21


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

ツールの紹介


22


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

ツールの紹介ParticleBuilder


23


INTRODUCTION TOOLS

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

ツールの紹介AnimationBuilder


24


Texture

ImagePacker SpriteAnimationBuilder

AnimationBuilder

ParticleBuilder

Data flow

ツールの紹介


25

３、データの中身



26


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

データの中身


27


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

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


28


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

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

SABデータ

SABデータ

SABデータ

共有のＡＢデータ


29

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

SABデータ

マスター

共通AnimationBuilderデータ

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

ゲーム

ID(例) 名前100001 戦士

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

赤魔導士100005 青魔導士


30


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

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

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

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

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

ザコ

キャラ


31


背景について

データの中身


32


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

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

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


33


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

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



34


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

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



35

Strict ly 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


launch

ファイア

next : 20f

メテオ

shot hitnext : 0f next : 68f

launchnext : 20f

shot hitnext : 120f next : 0f

damage

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 演出データについて

Software