STYLYのマルチプラットフォーム対応を支える仕組み

4.9K Views

October 02, 22

#styly #ar #metaverse #vr #STYLY #XR #マルチプラットフォーム #Unity #クラウドサービス

スライド概要

CA.unity #5の発表資料です。

ONOUE KENTO

@KENTO

スライド一覧

XRエンジニア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

ダウンロード(pdf - 3.71MB)

関連スライド

PLATEAU LT 01

ar styly metaverse

ONOUE KENTO 2.3K

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0

ue4 ue5 ue-beginner

エピックゲームズジャパン 1.3M

Unreal Engine5 Lumenの仕組みと肝心なところ

ue5 ue-rendering ue-lumen

エピックゲームズジャパン 1.1M

SQL滅ぶべし

株式会社ホクソエム 857.4K

猫でも分かる UE5.0, 5.1 におけるアニメーションの新機能について【CEDEC+KYUSHU 2022】

ue5 cedec+kyushu ue-animation ue-optimize ue-bp ue-physics ue-sequencer

エピックゲームズジャパン 825K

各ページのテキスト

STYLYのマルチプラットフォーム対応を支える仕組み Psychic VR Lab 2022/09/16 CA.Unity #5

自己紹介名前：KENTO 所属：Psychic VR Lab Twitter：kento_xr 2022/09/16 CA.Unity #5

アジェンダ • STYLYとは？ • STYLYのプロジェクト構成の工夫 2022/09/16 CA.Unity #5

STYLYとは？ SaaS型クラウドXRコンテンツ制作・配信環境多様なクリエイティブツールのデータを取り込み可能 2022/09/16 CA.Unity #5 ソフトウェアのインストール不要ブラウザ上で動作クラウド経由で複数のプラットフォームに配信可能

どういう仕組みで作っているのか想像しながらご視聴ください 2022/09/16 CA.Unity #5

データの取り込み / 制作ツール SaaS型クラウドXRコンテンツ制作・配信環境多様なクリエイティブツールのデータを取り込み可能 2022/09/16 CA.Unity #5 ソフトウェアのインストール不要ブラウザ上で動作クラウド経由で複数のプラットフォームに配信可能

STYLY Studio Web ブラウザで XR コンテンツを作成することができるツール 3D MODELS Unity Others 2022/09/16 CA.Unity #5 Scene / Prefab アップロード PlayMaker サポート STYLY Interaction SDK 4DViews PNG JPEG GIF MP3

要望ただデータを取り込むだけはなくデータにロジックを持たせたい！ 2022/09/16 CA.Unity #5

取り込む前にデータにロジックを仕込む仕組みが必要多様なクリエイティブツールのデータを取り込み可能 2022/09/16 CA.Unity #5 ソフトウェアのインストール不要ブラウザ上で動作クラウド経由で複数のプラットフォームに配信可能

10.

PlayMaker / STYLY Plugin for Unity ノードベースでロジックが組めるアセットに対応 STYLY Plugin for Unityを提供＋ 2022/09/16 CA.Unity #5 ＋

11.

要望簡単な動きや見た目の変化を加えたい！ STYLY Pluginでデータを1から作るのは大変... 2022/09/16 CA.Unity #5

12.

STYLY Studio(ブラウザ上)で効果を付与する SaaS型クラウドXRコンテンツ制作・配信環境多様なクリエイティブツールのデータを取り込み可能 2022/09/16 CA.Unity #5 ソフトウェアのインストール不要ブラウザ上で動作クラウド経由で複数のプラットフォームに配信可能

13.

Modifier (モディファイア) STYLY Studio(ブラウザ上)でオブジェクトに効果を付与する Style change （スタイルチェンジ） 2022/09/16 CA.Unity #5 Animation （アニメーション） Interaction （インタラクション）

14.

配信対象について SaaS型クラウドXRコンテンツ制作・配信環境多様なクリエイティブツールのデータを取り込み可能 2022/09/16 CA.Unity #5 ソフトウェアのインストール不要ブラウザ上で動作クラウド経由で複数のプラットフォームに配信可能

15.

対応プラットフォーム / デバイス 10を超えるプラットフォーム / デバイスをサポート VR AR WEB 2022/09/16 CA.Unity #5 OTHERS 15

16.

STYLYのプロジェクト構成 2022/09/16 CA.Unity #5

17.

シーン UGC 2022/09/16 CA.Unity #5

18.

STYLY XML • シーンを構成する情報を記述 • アセットのIDと配置情報 • パラメータ(画像URLなど) • Modifier(モディファイア)の情報 2022/09/16 CA.Unity #5

19.

STYLY Core • STYLY XMLを解釈し、シーンを再構築する • Unityプロジェクトとして独立 2022/09/16 CA.Unity #5

20.

STYLY VR Input • 入力の抽象化レイヤー • Vive Input Utilityベース • 複数デバイス対応 • Unityプロジェクトとして独立 2022/09/16 CA.Unity #5

21.

STYLY VR Input + Core = STYLY VR Input 2022/09/16 CA.Unity #5 STYLY Core

22.

STYLY VR Input + Core = STYLY VR STYLY VR Input 2022/09/16 CA.Unity #5 STYLY Core

23.

STYLY VR 構成図 STYLY VR UI STYLY Core Multiplayer Lib Analytics Lib 他 Asset STYLY VR Input (抽象化レイヤー) Interface Simulator module Steam module OVR module GVR module NR module Pico module 各デバイスの入力モジュール 2022/09/16 CA.Unity #5 WaveVR module

24.

STYLY VR 構成図 STYLY VR UI Multiplayer Lib STYLY Core VRのView側実装 Analytics Lib 他 Asset STYLY VR Input (抽象化レイヤー) Interface Simulator module Steam module OVR module GVR module NR module Pico module 各デバイスの入力モジュール 2022/09/16 CA.Unity #5 WaveVR module

25.

STYLY VR 構成図 STYLY VR UI STYLY Core Multiplayer Lib Analytics Lib 他 Asset STYLY VR Input (抽象化レイヤー) ライブラリのように振る舞う機能群 Interface Simulator module Steam module OVR module GVR module NR module Pico module 各デバイスの入力モジュール 2022/09/16 CA.Unity #5 WaveVR module

26.

STYLY VR 構成図 STYLY VR UI 各デバイスごとの実装を用意 Analytics Multiplayer Lib STYLY Core Lib 他 Asset STYLY VR Input (抽象化レイヤー) Interface Simulator module Steam module OVR module GVR module NR module Pico module 各デバイスの入力モジュール 2022/09/16 CA.Unity #5 WaveVR module

27.

28.

要望例 • VRのテレポート機能の挙動がおかしいので検証してほしい • 新しいデバイスの操作に対応してほしい 2022/09/16 CA.Unity #5

29.

STYLY VR UI 独立しているので問題の切り分けや新機能追加がスムーズに！ STYLY Core Multiplayer Lib Analytics Lib 他 Asset STYLY VR Input (抽象化レイヤー) Interface Simulator module Steam module OVR module GVR module NR module Pico module 各デバイスの入力モジュール 2022/09/16 CA.Unity #5 WaveVR module

30.

各ライブラリの導入 / 参照方法 • バッチファイルによる自動化 (移行中) • UPM • submodule 2022/09/16 CA.Unity #5

31.

今説明した部分 Backend サーバー/API 2022/09/16 CA.Unity #5

32.

XXX + 基盤機能 = Mobile UI AR Foundation Web UI 2022/09/16 CA.Unity #5 Multiplayer Lib STYLY Core Analytics Lib

33.

XXX + 基盤機能 = STYLY XXX Mobile UI AR Foundation Web UI 2022/09/16 CA.Unity #5 Multiplayer Lib STYLY Core Analytics Lib

34.

Pluginについて 2022/09/16 CA.Unity #5

35.

STYLY Plugin for Unity • UnityEditorにインポートして使用 • 各PlatformのAsset Bundleへビルド • Prefab / Sceneをアップロード • インタラクションを容易に実現できるスクリプト群 2022/09/16 CA.Unity #5

36.

submoduleとして開発 2022/09/16 CA.Unity #5

37.

submodule 外部のリポジトリを自身のサブディレクトリとして登録し特定の commit を参照する仕組み 2022/09/16 CA.Unity #5

38.

submodule Origin Origin 特定のコミットを参照 Local Local submodule 2022/09/16 CA.Unity #5

39.

submodule STYLY XXX 開発用リポジトリ Origin Origin STYLY Plugin 開発用リポジトリ Origin Origin 特定のコミットを参照 Local Local Local Local submodule 2022/09/16 CA.Unity #5 submodule submodule

40.

STYLY Plugin for Unity 構成図 STYLY Plugin for Unity STYLY Service (抽象化レイヤー) Interface Mobile Module MR Module VR Module WebEditor Module STYLY XXXのモジュール 2022/09/16 CA.Unity #5 WebPlayer Module Plugin側 (submodule) アプリ側

41.

STYLY Plugin for Unity 構成図 STYLY Plugin for Unity STYLY Service (抽象化レイヤー) Interface Mobile Module MR Module VR Module WebEditor Module WebPlayer Module Plugin側 (submodule) 抽象化レイヤーは具体的な処理は持たないアプリ側 STYLY XXXのモジュール 2022/09/16 CA.Unity #5

42.

STYLY Plugin for Unity 構成図 STYLY Plugin for Unity STYLY Service (抽象化レイヤー) モジュールは具体的な処理を持つ Interface Mobile Module MR Module VR Module WebEditor Module STYLY XXXのモジュール 2022/09/16 CA.Unity #5 WebPlayer Module Plugin側 (submodule) アプリ側

43.

STYLY VR 構成図 STYLY VR UI STYLY Core Multiplayer Lib Analytics Lib 他 Asset STYLY VR Input (抽象化レイヤー) STYLY Service (抽象化レイヤー ) Interface Interface Simulator module Steam module OVR module GVR module NR module 各デバイスの入力モジュール 2022/09/16 CA.Unity #5 STYLY Plugin for Unity (submodule) Pico module WaveVR module VR Module STYLY VRのモジュール

44.

要望例 Pluginの新機能を追加してほしいただし、Mobile / VR / Web版STYLYにおいてそれぞれ異なる振る舞いをしてほしいあと、できるだけ簡単に使えるようにしたい 2022/09/16 CA.Unity #5

45.

STYLY VR 構成図 STYLY VR UI 同じ機能に対して他 Analytics Mobile / VR / Webそれぞれに向けた Multiplayer Lib STYLY Core Lib 異なる振る舞いを実装可能 Asset STYLY VR Input (抽象化レイヤー) submodule側とアプリ側を STYLY Service (抽象化レイヤー ) 分業することも可能に！ Interface Interface 難しい処理はアプリ側が担うので、ユーザーの負担が減る！ Simulator module Steam module OVR module GVR module NR module 各デバイスの入力モジュール 2022/09/16 CA.Unity #5 Pico module STYLY Plugin for Unity (submodule) WaveVR module VR Module STYLY VRのモジュール (具体的な処理を持つ )

46.

47.

課題対応しすぎ問題【対策】 • CI / CD • テストを書く • 機能のオミット • 採用 2022/09/16 CA.Unity #5

48.

一緒に働いてくれる方募集してます 2022/09/16 CA.Unity #5