Vtuberハッカソン
2/24,25に東京で行われるVtuberハッカソンに参加できないので勝手にお家から参加します。
２月はすでに２回東京に行っているし、今後も就活で行くかもしれないのでそんなホイホイとはいけない。戒めないと。
一応本番に習い二日間で、1:30の動画を作り、youtubeにアップしました。
ちなみに当日はバイトなのでその前の週の今日にしています。
キャラはプロ生ちゃんを使いました。
ただ規約に本人以外として使うのは禁止と書いていたので、一応本体は右上のビビンバということにしました。（裏設定）
これならプロ生ちゃんが口パクしてなくても、声が上坂すみれじゃなくても問題ないだろう。
完成したのがこちらです。
流れ
Evernoteにやりたいシーンとシナリオを書き出しました。
やりたいネタを全部詰め込みました。
・文字を掴む
・実写360度映像
・お家
・VRchat(カラオケ
・ゼンリンのやつ
これを元にボイスロイドとゆっくりムービーメーカ(YMM)であらかじめ1分30秒の台本（喋ること）を打ち込んで実際の流れを決めました。
次にUnityでシーンを作って、撮影します。画面録画はOBSでやりました。これは以前の記事と同じです。
あとで自分の声に差し替えようかと思ったのですが、恥ずかしいのとめんどくさいので結局ずん子ちゃんのままにしました。Vtuber度が下がってしまう。
あと口パク(OVR)が動かなかった。
シーンの説明
冒頭（実写＋文字）
全体的に文字ばかりでごちゃごちゃしてしまいました。
あとめっちゃ前のめり
仕組み的にはskyboxで360度映像を流して、
FlyingTextを置いただけです。
掴めるようにするのはVRTKを使っています。
コントローラーを出さずに掴むのに少し苦労しましたが、Example32のハンドモデルを持って来てmeshを非表示にして対応しました。
あとはYMMでずん子ちゃんボイスを流しながら手振り身振りを合わせました
部屋
部屋はいつものです。
twitterには書きましたがタッチでUIを表示できるようにしたのでそれの自慢がてら入れました。
コメントでいただいた、「iPadでボタンUI選択」を実装してみました。
— bibinba（トマシープ） (@bibinbaleo) 2018年2月10日
padとゴーグルモデルはPoly by Google pic.twitter.com/MYECELm3LF
この顔が可愛い。
VRchat
VRモードでやると視野が狭くなって部屋を紹介するのに向いていなかったのでデスクトップモードで撮りました。
自慢したいために入れたので脈略がなさすぎる。
最後の街
これもZENRINの福岡の街のアセットを使いたいためだけに入れました。
そのうち歩き回りたいです。
PostPeocessingをガンガンにかけたのでここだけ画面が綺麗。
ただマウスカーソルが映ったままっていうね。（バのとこ）
ちなみにここの動きは適当に色々な動きをしてあとでカット編集でセリフに合わせました。
編集
本当はYMMで完結させたかったのですが、動画を全然読み込んでくれないので字幕とボイスロイド音声だけ書き出して、aviutlで背景をブルーバックにしてiMovieに読み込みました。
あとはBGMつけたりしました。こちらをお借りしました。
またDellのHMDの画像を重ねようと思いましたが、恐ろしいことに画像は二つ以上重ねられないようです。（一つしか重ねられない）
すでにブルーバックを重ねているので、その間に入り込もうとしてくる。
結局画像を重ねるのは諦めました。めんどくさい。
サムネ
youtuberといったらカスタムサムネ！
正直これ以外（Vtuber、動画編集、youtube投稿）は全部やったことがあるのでサムネを作って初めてこのハッカソンに勝手に参加した意義があります。
そのくらい大事！だけど何も思いつかない。
そんな時は先人のサムネを見てみよう！
シロちゃん
キズナアイ
ルナちゃん
ミライアカリ
水色の枠で囲ってあるの真似したい。
魔王の息子わんわん
私の好きなクソサムネ。
自分の動画の身の丈にあったサムネっていいと思う。サムネ詐欺は良くない。
分析
私なりの分析
共通点
・主人公キャラをバストアップサイズ以上で入れる
・背景はごちゃごちゃしていない2D画像
・文字は二重囲い
・文字は暖色が多い
・何か一つシンプルマークが入っている（星やハート、吹き出し、顔文字、その動画内容を象徴する何か）
特徴
・ミライアカリは文字数少なめ（４文字が多い？）
作る
大きさは1280*720
Unityでグリーンバックにして、動画を撮りました
それをPhotoshopで適当に切り抜いて
ドロップシャドーで縁取りをして
イラレでぽくしました。
背景は実写の福岡がいいかなと思って動画で使った360度写真をぼかしました。
背景に合わせて色を変えました。
ちなみに使いませんでしたが、このサイトに町並みイラストが無料でありました。
文字に隠れてしまったので使いませんでしたが、すごいクオリティ。
Youtube編集
終了画面とアノテーション
ここでチャンネル登録ボタンや動画へのリンクが貼れます。
動画を選んで
こんな感じで表示されます。
カード
動画の途中で右側にオススメ動画やアンケートを表示できます。
なんとなくアンケートをつけてみました。
動画にはカスタムメッセージや紹介テキストがつけれます。
ティザーテキストはこんな感じで表示されて
カスタムメッセージ（にゃー）はこんな感じに動画の下に表示されます。
Vrchatの自作ワールドを紹介している時に、以前作った紹介動画を貼っておきました。
はい完成！
最後に
割と楽しかったです。ボイスロイドなのであまりVtuber感はありませんが、完成したので良いとしましょう。
あといつものことですが画質がすごい悪い。わからぬ。
ハッカソンしたかった・・・楽しそう。東京・・・
