Tweet
Tweet

Slide 1

Slide 1 text

『Vフレット』の開発で考えたこと 2022/11/12 xR with Anything Meetup #017 VRMアバターでギターの弾き語りがしたい！！

Slide 2

Slide 2 text

Nakaji Kohki / なかじ MyDearest株式会社 (ディスクロニア: CA, #アルトデウス: BC） ・日本VR学会認定 上級VR技術者 ・Podcast『xR.fm』のパーソナリティ ・エンジニア系勉強会のオーガナイザー Twitter: @nkjzm Unity / VR Engineer

Slide 3

Slide 3 text

今日お話する内容 開発している『 』というアプリの話

Slide 4

Slide 4 text

今日お話する内容 開発している『 』というアプリの話 技術的な話よりは ● コンセプト ● 実際に作ってみて大変だったこと を中心にお話します

Slide 5

Slide 5 text

きっかけ https://www.youtube.com/watch?v=bFBoJiVQgN0 https://www.youtube.com/watch?v=4qd955ziUuQ

Slide 6

Slide 6 text

僕も弾き語り配信をしたりします

Slide 7

Slide 7 text

準備するのが 面倒くさい時がある

Slide 8

Slide 8 text

アバターを使えばいいってこと？！

Slide 9

Slide 9 text

アバターでも 弾き語りがしたい！！ …と思ったのがきっかけ

Slide 10

Slide 10 text

アバターで弾き語りをするメリット ● 顔を出さなくていい ○ → メイクなどの身支度をしなくても配信できる ● 自分のアバターが使える ○ → アバターを使った表現活動にも活用できる ● カメラワークに凝れる ○ → 現実世界じゃなくて3D空間上なので

Slide 11

Slide 11 text

どういうアプリにしようか 既に似たようなことをやっている人がいないか調べてみた ● 止絵・イラスト ● アバターのバストアップ ● VRChatでフルトラしてやっている人 ○ → コントローラーを持っているとギターが握れない ● Webカメラで上半身のトラッキング ○ →ギターでトラッキングしづらい ○ →弾いてる感があんまりでない

Slide 12

Slide 12 text

いろいろ見てみた結果 きちんとトラッキングするのは大変そうだから、 ”それっぽい映像を作ること” に割り切ってみることに！

Slide 13

Slide 13 text

ギターの弾き方 左手：フレットを抑えて鳴らす音を決める 右手：弦をストロークして音を鳴らす

Slide 14

Slide 14 text

右手と左手をギターに沿って動かせば それっぽくなるかも！？

Slide 15

Slide 15 text

Unityで 試してみた ● 作業時間は40分くらい ● この方法だと、 カメラもトラッカーも 使わなくていい！！！

Slide 16

Slide 16 text

コンセプト 1. 気軽にできる 2. それっぽいクオリティの高い映像が作れる

Slide 17

Slide 17 text

色々考えてできたものを実演してみます 注目してほしいこと：コンセプトが実現できているか 1. 気軽にできる → アプリ開始から1分で配信開始までを実演します！ 2. それっぽいクオリティの高い映像が作れる → 実際に弾き語りをするので、映像をみて”それっぽく”なっているか 成功したらリアクション機能で👏をお願いします！ （もし失敗してもぜひお願いします！ｗ）

Slide 18

Slide 18 text

デモ

Slide 19

Slide 19 text

ライブ配信以外に「事前収録」にも対応 イメージしている流れ 1. ギターの弾き語りの音声を収録する 2. Vフレットを起動し、収録した音声に合わせてカメラワークを切り替え 3. Vフレットの映像を保存（OBSなどで） → よりクオリティの高い弾き語り動画/歌ってみた動画にも使える！ → 音源があればギターが弾けない人でも使える！

Slide 20

Slide 20 text

個人開発している『Vフレット』の紹介

Slide 21

Slide 21 text

Vフレットの今後について 年内にベータ版を配布予定です！ VフレットのTwitterアカウント（@vfret_app）や、 Discordコミュニティ内で告知等をする予定なので是非ﾌｫﾛｰしてください！ 公式サイトに情報がまとまっています！ https://nkjzm.jp/vfret

Slide 22

Slide 22 text

作ってて思ったこと ● アバターで色々できるの楽しい！ https://nkjzm.jp/vfret

Slide 23

Slide 23 text

作ってて思ったこと ● アバターで色々できるの楽しい！

Slide 24

Slide 24 text

開発に協力してくれている人の紹介

Slide 25

Slide 25 text

ぜひTwitterのフォローお願いします!! ありがとうございました!! @nkjzm @vfret_app

Slide 26

Slide 26 text

No content