VRChatでスライドを 表示する技術

Transcript

1. VRChatで スライドを 表示する技術 発表者：すぎうり
2. 自己紹介 • すぎうり • Twitter:@uproad3 • Ruby歴20年 • VRChat歴6年 • 仕事：Rails | AWS • 趣味：アーキテクト | リファクタリング 　　　ゲーム制作 | 電子工作 • 言語：Ruby | C# | C | JS/TS • 技術：Terraform | Unity | Ubuntu | MySQL | RaspberryPi • LTは久しぶりなので緊張してる。。。
3. VRChatでスライドを表示することが難し い理由 • VRChat内にはWebブラウザがない • 画像表示機能はあるがサイズが小さい • アバターに仕込む ◦ いちいち組み込むのが面倒 ◦ アバターのユーザ間での同期が難しい ◦ アバターサイズ依存でスライドには小さい • VRゴーグルの場合 ◦ キーボードやマウス操作が難しい ◦ VRChat外のアプリ操作をすると離席状態に
4. VRChatの枯れた技術：動画再生 • ワールドの動画プレイヤー ◦ 動画(MP4)再生はVRChatの基本動作に入っている ◦ 動画再生の同期は比較的よく安定している ▪ 動画データ自体は各自DL ▪ 再生時間の共有だけなので低容量 ◦ 動画再生システムは作成が比較的簡単
5. VRChatスライド表示ギミック “Sliden” • はるまきちくわ氏作 • スライドPDFをMP4に変換して配信するシステム ◦ https://sliden.app/ ◦ PDFの各ページが1秒だけ表示されるMP4動画を生成 • ワールドに配置する動画プレイヤー ◦ https://booth.pm/ja/items/4460759 ◦ 1秒スキップ機能がついている ▪ 実質ページ送り
6. 使い方 Sliden（スライドアップローダー） 1. 普段通りGoogleスライドなどでスライドを作 る 2. PDFを出力する 3. Slidenにスライドをアップロードする 4. MP4に変換されてURLが発行される 注：アカウント作成にdiscord連携が必要
7. 使い方 Sliden（動画プレイヤー） 1. 発表者用操作パネルにSlidenで生成さ れたMP4のURLを貼り付ける 2. 操作パネルのUIの通りに操作するとス ライドを操作できる！ ※詳しくはboothの説明欄をご覧ください