『Cygames展 Artworks』におけるShadowverseデジタルサイネージ制作事例

Slide 1

Slide 1 text

1/31 AIテクノロジーエンジニア / 朝日田卓哉『Cygames展 Artworks』における Shadowverseデジタルサイネージ制作事例エンジニアリング/プロダクション

Slide 2

Slide 2 text

2/31 この講演について本講演ではCygames展Shadowverse サイネージコンテンツの開発事例を紹介します。エンジニアが中心となりフィードバックを繰り返して方向性を定める制作プロセス、イベントコンテンツ特有の制約に対する解決手法について解説します。

Slide 3

Slide 3 text

3/31 朝日田卓哉 AIテクノロジー先端コンテンツチーム / エンジニア広告系の制作会社でネイティブアプリや、XRコンテンツ、インスタレーションなどの開発を経て、2018年7月に株式会社Cygamesに合流。合流後もARアプリ開発や、VRコンテンツ開発、デジタルサイネージを活用したコンテンツ開発など、オフラインイベントに向けたコンテンツ制作を多く担当。自己紹介

Slide 4

Slide 4 text

4/31 アジェンダ ◼ Cygames展で展示したShadowverseのコンテンツについて紹介 ◼ コンテンツの仕様や使用した機材等についてコンテンツ紹介 ◼ エンジニア主導とはどういったものか ◼ なぜエンジニアが主導する必要があるのか ◼ 実際にエンジニアが主導することでうまく進められた事例エンジニア主導による制作プロセス ◼ 機材選定やオペレーションを踏まえたシステム構成の考え方 ◼ 実際に発生した不具合とその対応についてイベントコンテンツ開発のTips

Slide 5

Slide 5 text

5/31 コンテンツ紹介

Slide 6

Slide 6 text

6/31

Slide 7

Slide 7 text

7/31 コンテンツ紹介 ◆ 東京上野の森美術館で行ったCygames展のShadowverseコーナー ◆ タッチパネル18枚を敷き詰め歴代のカードを展示（すべてのカードがタッチ可能！） ◆ Shadowverse歴史をたどれるコンテンツ

Slide 8

Slide 8 text

8/31 歴代のカードで展示コンセプトを体現 ◼ Cygames展のコンセプトは最高のコンテンツの系譜 ◼ 歴代のカードを大量に展示し系譜を表現 ◼ タッチ操作でShadowverse の進化を体験

Slide 9

Slide 9 text

9/31 展示されたカードの詳細 ◼ 第28弾までが対象 ◼ すべてプレミアムカード ◼ トークンカード含む一部コラボカードも展示 ◼ タッチすることでカードに応じたアニメーションが再生 ◆カード総数4122枚を展示

Slide 10

Slide 10 text

10/31 タッチパネル仕様 ◆75型タッチディスプレイ ◆横13枚縦18枚で構成 ◆10点マルチタッチ ◆10枚まで同時に触ったときに一番きれいに見える位置にアニメーション ◆11枚以上は範囲内でランダムに移動 ◆全カードがタッチ可能！

Slide 11

Slide 11 text

11/31 カードタッチによるインタラクション ◼ 10枚まで同時にタッチ可能 ◼ 10枚を敷き詰めたときにカードが一番大きくなるように配置 ◼ 配置パターンはAかB のパターンに限られる ◼ ABをランダムで表示 4つの配置パターン何度も触りたくなるような演出に

Slide 12

Slide 12 text

12/31 カードの種類ごとのアニメーションスペル・アミュレット • 移動アニメーションはフォロワーと同じものを利用 • エフェクトはゲーム内のものを組み合わせて今回のために作成フォロワー • 進化モーションやエフェクトはゲーム内と同じものを使用 • 移動量のみ今回用に調整すべてのカードを触れるイベントコンテンツとして制作

Slide 13

Slide 13 text

13/31 展示会場や美術館といった環境で展示体験するコンテンツイベントコンテンツとは？ ◆ 入力機器と出力が異なる程度の違い ◼ タッチパネルによる入力や、プロジェクターによる投影やHMDなど ◆ コンテンツの作り方はゲームもイベントコンテンツも同じ ◼ ほぼゲーム開発と変わらない＝すでに開発しているリソースをそのまま流用して新しいコンテンツを作ることができるゲーム開発との違いは意外と少ない

Slide 14

Slide 14 text

14/31 ◆ 決めないといけない項目は実際に実物を見ないと想像がつかない ◆ 特に通常のゲーム開発とは離れたコンテンツほどイメージがしにくい ◆ ハードウェア的な問題点・注意点はエンジニアしか把握していない場合が多いイベントコンテンツ特有の問題

Slide 15

Slide 15 text

15/31 エンジニア主導による制作プロセス

Slide 16

Slide 16 text

16/31 エンジニア主導の制作プロセスとは設置時の注意点 • 機械特性を考慮した設置環境 • メンテナンスを見据えた導線やシステム構成 • 設置に必要な時間をもとにしたスケジュールコンテンツの動きや仕様 • 本番に近い環境を再現 • どういったコンテンツなのかを体験できるように • 次に何を決めればよいのかイメージできるように作るエンジニアが主体的に動き、周りを巻き込みながらコンテンツ制作を進めていく

Slide 17

Slide 17 text

17/31 なぜエンジニア主導で進めるのか ◆ 実装や検証はエンジニアの得意分野！ ◼ テキストだとイメージしにくいので実際に体験できることが重要 ◼ 体験できることでその場でイメージを共有できる ◼ 足りない要素も仮実装して議論を進めることが可能に ◆ 逆算して制作を進められる ◼ 開発や設営工数だけでなく、必要な設営環境もエンジニアが把握 ◼ イベント日から逆算してスケジュールを引き、どんなコンテンツであれば内容を最大化できるのか提案することができる ◼ 機材の動作環境や設営における注意点から会場として設計できる空間を逆算できる

Slide 18

Slide 18 text

18/31 実際にエンジニアから出た不明点コンテンツの動きや仕様 ◆ コンテンツの動きや仕様 ◼ スペル・アミュレットは進化しないがどうするか ◼ すべてプレミアムだと画面がうるさくならないか ◼ 画面にカードを敷き詰めたときのサイズ感 ◆ 設置時の注意点 ◼ 廃熱対策のエアフローをどうすか ◼ トラブル発生時のメンテナンスはどこで行うか ◼ 設置やセットアップにかかる時間から逆算したデッドライン

Slide 19

Slide 19 text

19/31 まずは実装してから確認する理由実際に作ってみないとわからない！ ◆ 文章や画像、キャプチャした動画ですらイメージがつきにくい ◼ 表示内容や動きの確認は必ず実機でチェック ◆ PCで動かしても筐体の大きさが異なるため体験がまったく違ったものになる ◼ 可能な限り本番環境と同じものを用意するのが望ましい

Slide 20

Slide 20 text

20/31 指定のない演出を見つけたときまずは適切なものを見繕って実装して、どのように調整していくか相談できる環境にするスペル・アミュレットには進化に似た演出がないゲーム内で使用されている演出からコンテンツにあった演出を実装してみるエンジニアはただ作るだけでなく、コンテンツへの深い理解も必要

Slide 21

Slide 21 text

21/31 実機で確認するときのTips 確認時に複数パターン切り替えられる仕組みを仕込んでおくことも重要 ◆ いわゆるデバッグコマンドを仕込んでおき、動作中に切り替える ◆ 遅延なく切り替えることで、どのパターンがより良いか判断しやすくなる

Slide 22

Slide 22 text

22/31 イベントコンテンツ開発のTips

Slide 23

Slide 23 text

23/31 コンテンツで使用する機材について会場のみの特定環境に特化した機材構成 ◆ 会場で設置した環境でしか動かさないため、不特定多数の端末に対応する必要がない ◆ 動作環境を自前で用意することで、コンテンツに応じた機材の選定により、スペックによる制限がなくなる

Slide 24

Slide 24 text

24/31 今回のコンテンツに特化した機材メモリ管理が必要になるとメモリリークの可能性が含まれてしまうすべてのリソースを起動時に読み込み、動作中のアセットロード等をなくすことで、メモリ管理自体を行わないような設計にメモリを潤沢に用意してメモリリークを抑制！

Slide 25

Slide 25 text

25/31 現地の環境や運用を見越した設計その１その２現地で微調整が行えるようにするオペレーションを踏まえた操作方法にする

Slide 26

Slide 26 text

26/31 現地で微調整が行えるようにする ◆ 最終調整は必ず発生する ◼ 本番に近い環境は本番環境ではない ◆ 主に外部ファイルで調整できるように設計 ◼ 今回は対応ディスプレイ番号をファイルで管理不具合発生時に簡単に機材を交換できるように

Slide 27

Slide 27 text

27/31 オペレーションを踏まえた操作方法注意点会期中は運営スタッフが不具合対応含めてすべて対応可能な限り操作をなくし自動ですべて動作するのが理想 ◼ 立ち上げとシャットダウンもすべて自動化 ◼ 外部ファイルの内容に従って表示内容が変化 ◼ 不具合発生時にPCを変更する場合、設置場所以外でファイルを書き換えることで簡単に機材更新が可能

Slide 28

Slide 28 text

28/31 実際に発生した不具合安価なノーブランド品を利用したのが原因信頼性の高いメーカー品に購入して切り替えて対応設営時に4K解像度で出力できない！準備段階でHDMIとDポートの変換アダプタの相性が悪く、本来出したい4K解像度で表示できなかった

Slide 29

Slide 29 text

29/31 展示期間中の不具合展示期間中にシステム的な問題は発生せず、終了まで問題なく動作し続けたこの中に文字を打ち込むエンジニアとしては逆に何も起きていないのは不安でした

Slide 30

Slide 30 text

30/31 まとめ ◼ 展示したShadowverseのコンテンツはどのようなものだったのか ◼ カードの詳細や使用したタッチパネルについて解説展示を行ったコンテンツについて ◼ イベントコンテンツ制作では実際に全員で体験してみることが重要 ◼ 体験するためにはエンジニアが主体的に動いて作らなければならない ◼ 足りない要素があってもまずは作ってみて議論できるようにするコンテンツ制作におけるエンジニア主導 ◼ 機材選定の考え方について ◼ 設営やオペレーションを踏まえて調整しやすいようにシステムを考える ◼ 実際に発生した不具合とその対応についてイベントコンテンツ開発のTips

Slide 31

Slide 31 text

31/31