アバター使っておもろいものを作り続けたい

by gree_tech

Embed

Start on current slide

Slide 1

Slide 1 text

アバター使っておもろいものを作り続けたい REALITY株式会社アバターシステムチーム渡邉賢

Slide 2

Slide 2 text

渡邉賢 REALITY株式会社 Unityエンジニア経歴 ● グリー新卒 13年生 ○ ゲーム3年 ○ XR 3年 ○ REALITY 7年趣味トライアスロン 2

Slide 3

Slide 3 text

まずは定番のアプリ紹介 3

Slide 4

Slide 4 text

Slide 5

Slide 5 text

本日の話アプリのコア機能であるアバターを再生するためのアバターシステムを使いアバター活用アプリを作るための試行錯誤しつつそれを活用しておもろいものを作り続けたという話 REALITYのアバターの可能性を感じてもらえれば幸い... 5

Slide 6

Slide 6 text

1.アバター 6

Slide 7

Slide 7 text

1.アバター REALITYのアバター紹介 30秒に1回衣装が切り替わるよ！発表がつまらない時はアバター眺めててね！ ※. スライド資料をご覧の方へ当日の発表では右下に常時僕のかわいいアバターの衣装チェンジが表示されてました 7

Slide 8

Slide 8 text

1.アバター作り続けられるアバターアセットリリース時点では385点。現在は9,111点。今後も長く続くサービスの想定なのでどんどん増える予定！ 8

Slide 9

Slide 9 text

1.アバター大事なのは量ではなく品質多くのアーティストが日々、努力と！時間と！お金を！使って素敵なアバターを制作し続けてくれてます！ 9

Slide 10

Slide 10 text

こんな素敵なアバターを配信アプリだけで使うのもったいない！ 10

Slide 11

Slide 11 text

1.アバターアバターの魅力キャラクターの見た目が変わるだけで楽しげになりますね！ 11

Slide 12

Slide 12 text

過去にアバター活用したアプリのプロトタイプを数多く作ってきました（業務というより趣味がほとんど）ので、一部紹介 12

Slide 13

Slide 13 text

過去に作ったプロトタイプの一例その1 アバターでビデオ会議 13

Slide 14

Slide 14 text

1.アバター過去に作ったプロトタイプの一例その2 MRでREALITY視聴 14

Slide 15

Slide 15 text

1.アバター過去に作ったプロトタイプの一例その3 ゾンビガンシューティング 15

Slide 16

Slide 16 text

2.アバターシステム 16

Slide 17

Slide 17 text

2.アバターシステム Unityの標準機能だけでキャラクター動きますよね？ REALITYのアバターシステムって何だろう？ © Unity Technologies Japan/UCL 17

Slide 18

Slide 18 text

2.アバターシステム Unityで実装された機能群まとめさせてみた 18

Slide 19

Slide 19 text

2.アバターシステム「アバターシステム」でカテゴライズさせてみた 19

Slide 20

Slide 20 text

2.アバターシステム小さくして 20

Slide 21

Slide 21 text

2.アバターシステムアバターのアセットを追加して 21

Slide 22

Slide 22 text

2.アバターシステム Nativeアプリを追加して 22

Slide 23

Slide 23 text

2.アバターシステムサーバー追加するとREALITYアプリの全体になる！ 23

Slide 24

Slide 24 text

2.アバターシステムここだけ使ってアバター活用アプリを作りたい！アバターシステム機能群アバターアセット群 24

Slide 25

Slide 25 text

3. アバター活用アプリの作り方 25

Slide 26

Slide 26 text

3.アバター活用アプリの作り方アバター活用アプリの作り方にも色々と変遷があった 1. 2. 3. 4. ブランチ時代コピーpackage時代目的別ビルド package分割時代アバターを使った別のナニカ How we build? 26

Slide 27

Slide 27 text

3.アバター活用アプリの作り方アバター活用アプリの作り方にも色々と変遷があった ①ブランチ時代 ②コピーpackage時代 ③目的別ビルド ④package分割時代割愛！アバターを使った別のナニカ How we build? 27

Slide 28

Slide 28 text

3.アバター活用アプリの作り方 ①ブランチ時代ブランチ切るだけで何を追加/削除/変更しても問題なし！お手軽な活用方法ここから作り替えていく！ 28

Slide 29

Slide 29 text

3.アバター活用アプリの作り方 ①ブランチ時代に作ったものの例アプリのUIをそのままVR内で使える！本家を魔改造しまくって無理やり実現着替え配信視聴 29

Slide 30

Slide 30 text

3.アバター活用アプリの作り方 ①ブランチ時代の課題魔改造して作ったプロトタイプはマージを想定してない実装なので、時間がちょっと経つとすぐに動かなくなります (例: Unityのバージョンアップデート) 時間で成長ここから作り替えていく！追従は不可能 30

Slide 31

Slide 31 text

3.アバター活用アプリの作り方 ②コピーpackage時代 Unityの実装を丸っとコピーしてゴニョゴニョしたレポジトリを作り、それをpackageとして公開することで全ての機能が使える新規のアプリが作れるアバター活用アプリ CSファイルを丸っとコピー packageとして参照 31

Slide 32

Slide 32 text

3.アバター活用アプリの作り方 ②コピーpackageの利点本家の実装を参照して利用するのであって変えないところ故に追従性が比較的容易であるアバター活用アプリ CSファイルを丸っとコピー packageとして参照 32

Slide 33

Slide 33 text

3.アバター活用アプリの作り方 ②コピーpackageの課題追従性は比較的容易であるが、 2重管理ではあるので手間ではあるやや面倒であったアバター活用アプリ CSファイルを丸っとコピー packageとして参照 33

Slide 34

Slide 34 text

3.アバター活用アプリの作り方 ②コピーpackageの反省業務で使われないアプリはメンテされ続けることはない... URP移行で派手にぶっ壊れる 34

Slide 35

Slide 35 text

3.アバター活用アプリの作り方 ③目的別ビルド時代同一リポジトリ内に本家の実装を参照して活用アプリを作った。本家アプリのビルド結果に影響が出ないような仕組みでビルドの目的を切り替えることで不要なpackageがビルドに含まれないようにした活用アプリA 活用アプリB 活用アプリC 35

Slide 36

Slide 36 text

3.アバター活用アプリの作り方 ③目的別ビルドで作ったもの業務で使われる社内ツールをたくさん作ったアバターの撮影ツール VRM生成ツールアバター検索ツール 36

Slide 37

Slide 37 text

3.アバター活用アプリの作り方 ③目的別ビルドの利点ちゃんとメンテされ続けるし、アプリに影響がないのである程度の品質でも許容できる(雑に開発しやすい) アバターの撮影ツール VRM生成ツールアバター検索ツール 37

Slide 38

Slide 38 text

3.アバター活用アプリの作り方 ③目的別ビルドの課題 ● お戯れのアプリはやや作りづらくなった ● 2のpackage参照のやり方が恋しくなった気軽さとメンテナンス性の天秤 38

Slide 39

Slide 39 text

3.アバター活用アプリの作り方 ④package分割時代アバターの再生に必要な実装を定義し、いくつかのpackageに分割していった明確な分割はなしアバター再生に必要なモジュールを分割 39

Slide 40

Slide 40 text

3.アバター活用アプリの作り方 ④package分割時代実作業としては依存関係の引き剥がし、責務の分割、不要なコードの削除などの大量のリファクタを行ったほぼほぼリファクタ！ 40

Slide 41

Slide 41 text

3.アバター活用アプリの作り方 ④package分割時代最終的にアバター再生に必要なモジュールとして 3つのpackageに分割を行った 41

Slide 42

Slide 42 text

3.アバター活用アプリの作り方 ④package分割時代最終的にアバター再生に必要なモジュールとして 3つのpackageに分割を行ったが、これをimportするだけで良いかというと Unityのプロジェクト設定正しくしないと動かない 42

Slide 43

Slide 43 text

3.アバター活用アプリの作り方 ④package分割時代 packageに入らないプロジェクト設定ごと配る 43

Slide 44

Slide 44 text

3.アバター活用アプリの作り方 ④package分割時代 2行でアバターを出せる 44

Slide 45

Slide 45 text

これで誰でも作れるように！ 45

Slide 46

Slide 46 text

…なったのか？ 46

Slide 47

Slide 47 text

Unity触れる人しか作れない！ 47

Slide 48

Slide 48 text

4. 誰でもアバター活用アプリ 48

Slide 49

Slide 49 text

4. 誰でもアバター活用アプリ世は非エンジニアでも作れる時代に突入「ランゲーム作って！」 49

Slide 50

Slide 50 text

4. 誰でもアバター活用アプリ同じぐらい簡単にしたい「REALITYのアバターでランゲーム作って！」 50

Slide 51

Slide 51 text

できた！ 51

Slide 52

Slide 52 text

4. 誰でもアバター活用アプリアバターのあそびば (あばあば) 社員のREALITYアバターで遊べるWebアプリを、 AIと作ってみんなで遊ぶ場所 52

Slide 53

Slide 53 text

4. 誰でもアバター活用アプリアバターのあそびば社員のREALITYアバターで遊べるWebアプリを、 AIと作ってみんなで遊ぶ場所 53

Slide 54

Slide 54 text

4. 誰でもアバター活用アプリアバターのあそびば 54

Slide 55

Slide 55 text

4. 誰でもアバター活用アプリアバターのあそびば - 全体構成 55

Slide 56

Slide 56 text

4. 誰でもアバター活用アプリアバターのあそびば - 全体構成 56

Slide 57

Slide 57 text

4. 誰でもアバター活用アプリリアルタイムにブラウザでVRM生成ここがミソ！ 57

Slide 58

Slide 58 text

4. 誰でもアバター活用アプリリアルタイムにブラウザでVRM生成 58

Slide 59

Slide 59 text

やったね！これで誰でも作れるようになった！ 59

Slide 60

Slide 60 text

おわり！ …でいいのか？ 60

Slide 61

Slide 61 text

残念！作れるようになっただけだと誰も作りません！ 61

Slide 62

Slide 62 text

ハッカソン開催だ！ 62

Slide 63

Slide 63 text

4. 誰でもアバター活用アプリハッカソンだ！拘束時間はわずか1時間半！アバあばの使い⽅をレクチャー！作成して提出するまで30分あれば余裕プレイ会までの時間は⾃由。通常業務しててもOK！みんなで遊びましょう！ 63

Slide 64

Slide 64 text

4. 誰でもアバター活用アプリハッカソンだ！参加人数54人！登録アプリ61個！ 64

Slide 65

Slide 65 text

4. 誰でもアバター活用アプリ作られたゲームの紹介カジュアルゲーム、音ゲー、3D麻雀ゲーム 65

Slide 66

Slide 66 text

4. 誰でもアバター活用アプリ作られたアプリの紹介画像プリントアプリ、ランウェイ 66

Slide 67

Slide 67 text

宣伝 REALITYブースでは今回の会のために作ったアバター活用アプリで遊べるよ！テーマは How We Build?… ? 人を知ってもらいたい... キーキャップ... 67

Slide 68

Slide 68 text

5. アバターシステムの今後 68

Slide 69

Slide 69 text

5. アバターシステムの今後アバターは誰でも使えるようになったがその先は？ 69

Slide 70

Slide 70 text

5. アバターシステムの今後ユーザーに価値をまだ届けられてないアバターシステムはソリューションでもなければツールでもすらない。ただの技術。 70

Slide 71

Slide 71 text

5. アバターシステムの今後「作れる」の次は「届ける」へ。ユーザーに届く価値にするところまでまだまだ道なかば。これからも、アバターを使っておもろいものを作り続けたい 71