3.0みなさん!Vtuber(バーチャルユーチューバー)はご存知ですか?「バーチャルユーチューバー(Vtuber)」は、ざっくりいうと「トラッキング技術を用いてリアルタイムに動く3Dモデルまたはイラストの、キャラクターを用いた動画配信者」です。今までのYoutuberと違い、アニメのキャラクターが生きて動いているように見えるのが特徴で、運営者は企業/個人どちらも居ます。面白い例としては「キャラクター性を重視し、物語の世界の住人と交流しているようなコミュニケーションを展開する」「おじさんが美少女キャラ+ボイスチェンジャーを用いて、完全に美少女になる」「VR空間内で交流会やイベントを開催する」等があります。急にこんな話をしたかと言うと、僕も趣味でVtuber(らしき)事をしていて、友達から質問を受けるようになったからです。3.0はい、お察しの通り仕事と全く関係ないです。今回テクナレジで完全趣味の回として、「Vtuberのなりかた」に関して筆を取らせていただきます。タイトルの湯けむり要素はありません。目標Vtuberと一言に言っても、非常に多種多様なVtuberが居ます。2D」を用いた2Dイラスト系の方や、人形劇、果ては実写まで居ますが、今回お話するのは僕もしている「Unityを用いた3DモデルタイプのVtuber」です。この記事での目標は「大雑把な、0からスタートして動画投稿までの流れの把握」です。僕がやってみようと調べ始めたとき、この大まかな流れを書いた記事が意外と少なく、最初全体像を掴むのに若干苦労しました。今回は「始めてみたいけどなにからどう手を付けたら良いか全然ワカラン」という方向けに、僕が考える最短ルートをご説明します。この記事の主眼は「流れの把握」なので、細かな技術というよりは主に「調べ方」がメインになります。要るもの僕が使っている物はザックリ下記のとおりです。無料ここでネックになるのは、間違いなく価格だと思います。IKが約1万円します。Live2D」の、2Dイラストタイプをおすすめします。こちらであれば、WEBカメラと合せて4,000円もあればモノは揃うと思いますし、問題なく"第四の壁"を突破する事ができます。コンテンツとしての表現方法はVRだけではありません。※画像はFaceRigデフォルトの3Dモデルですが、Live2Dを導入するとアニメ調2Dモデルが使用できるようになります。それでもVRで3Dな感じの"バーチャル"をやりたいという方、もう暫くお付き合いください。やらなければはじまらない。...あ、インストール方法はソフト名でググってください。VIVEのセッティング方法も、購入前に調べておいてくださいね。部屋の模様替えとかも必要かもです。すみません、そういう感じの記事です。モデリングいきなりですが、実はここすっ飛ばしても出来なくはないです。第三者による動画配信等が許可されている3Dモデルが、ドワンゴさんの「ニコニ立体」などで公開されていたりします。公開されている3Dモデルを使用する場合、ライセンス・利用規約の確認が非常に重要です。悪気がなくても権利侵害をしてしまっている場合が非常に多いため、本当にVRアバターとしての利用が可能なのか、改変が可能なのか、動画配信や商用利用が可能なのか等、よく確認してください。最近では、Pixivさんの「VRoid」、IVRさんの「Vカツ」など、モデルの作成が簡単にできるソフトも続々公開され始めているからです。あれば、フルスクラッチです。ここで登場するのが、3Dモデリングソフトの「Blender」です。非常に高機能かつ世界中で用いられている無償のソフトで、資料等も豊富です。ニ立体で公開/配布してます。モデリングの割にはそこそこの出来栄えじゃないかと思うので、ぜひ褒めてください。v1.0.0」ここでネックになるのは、このBlender、最初は操作にかなり慣れが必要です。ほとんどの主要操作でショートカットキーを使用する必要があり、まずそこに慣れる必要があります。このキー配置も独特で、IDEに慣れたSEなどは恐らく発狂すると思います。加えて、「マテリアル」「テクスチャ」「UV展開」「ウェイトペイント」「ボーン」等々、モデリングそのものに非常に様々な概念が登場するため、最初これらを理解するまでが非常に苦労します。僕も理解しきれていません。ここで心が折れる人も多いと思います。一緒にがんばりましょう。繰り返しますがカワイイは気合です。最近ではVtuberの盛り上がりも相まって、Blenderの使い方を解説するページや動画が増えました。さんの「ワニでもわかるゼロからのBlender」シリーズです。第0回の冒頭の"何がわからないかわからない"の話が本当に好きです。初心者」で調べると、モデリングの流れを順番に説明してるページが見つかります。そこから、その中で登場した「わからない用語」を少しずつ調べて、徐々に「なんとなく知ってる用語」を増やしていくのが良いと思います。最初はわからない用語だらけなので、完全未知の状態を解消していくのが、最初の心理的障壁を取っ払う近道じゃないかと思っています。いうソフトなどもあります。そちらもいろいろ奥が深いのですが、無限に話ができてしまうのでここでは割愛します。Unityで動かす次は、作ったモデルを実際に動かす段階です。VIVEで認識した動きをモデルに適用し、その様子をウィンドウキャプチャできるようにする」までを行います。ゲームエンジンとして有名ですが、ここに先程作成したモデルと各種アセットを組み合わせて環境を作ります。アセットは、大雑把に言えば、様々な機能やデータがひとまとめになった配布パッケージのような物のことです。指定したかというと、VR系のVtuberを中心に非常に人気が広がったVRネットワーキングサービス「VRChat」で、使用するモデルをアップロードする際に、このバージョンが指定されているためです(モデルアップロードにUnityが必要です)。VRChatについては、恐らく「VR系Vtuberをやりたい!」という方であるなら説明するまでもないと思いますが、VR系Vtuberを中心として、VRChat上でのイベント企画や交流が盛んな為、VR環境を持っているなら、いずれ誘われる機会があると思います。いうか多分やりたくなりますし、予言しましょう、貴方もそのうち絶対にやります。初めた方が後々楽です。ゲーム開発や本格的にVR技術を習得したいという場合は、最新版にするべきだと私は思います。ちなみにVRの配信環境としては、株式会社バーチャルキャストさんの「VirtualCast」というソフトがあります。それ以外にも、前述のVRChatが使えるなら、そこからカメラ映像を出力する機能もあったりします。僕の場合は、一応エンジニアの端くれとして「Unityを使って自分の手で作ってみたい!」という気持ちがあったので撮影環境を手作りしましたが、ぶっちゃけ撮りたいだけなら、既存の物を使ったほうが質的にも作業量的にも圧倒的に良いです。この記事の意味がどんどん迷子になってきました。...さて、気を取り直して、Unity上ですべき事は幾つか(幾つも)あります。内に用意する配信用の舞台をUnity内に作るお察しかと思いますが、これらひとつひとつで結構な量の作業が必要です。ここでは、それぞれの調べ方や、他所であまり触れられていない初心者がハマりやすい注意点などをご説明します。基本的なUnityの使い方に慣れるために、逆説的ですが「ゲームを作る」のが良いです。Unityの公式で、「玉転がし」の作り方のチュートリアルが用意されているため、それを一通りやってみるのをおすすめします。これが終われば、恐らく基本的な使い方はわかるようになると思います。理由としては単純に、これが一番網羅的にUnityの操作全般をなぞれるからです。やってみたらわかると思うのでやってください。上記が終わったら、実際にモデルを入れて動かすための設定をしていく段階です。私が参考にしたのが、@toRisouPさんの「VRで「結月ゆかり」になって生放送する」という記事です。Vtuberっぽいことをする上でUnityで行う必要があることは、ほぼこの記事に詰まっていると思います。最高なので全部読んでください。これはただの独り言です。VRで上手くViveコントローラが表示されないバグがあります。これに僕はかなりの時間ハマっていました。Viveのコントローラが表示されない問題」という記事にたどり着き、これを見てようやく直せました。控えめに言って神だと思っています。ここから僕は、まずは撮影用の最低限の環境を用意したかった為、「使うモデルは自作のモデル1つ(.fbxファイル)」「カメラは手持ちのハンディカム1台」「背景は真っ白」の環境を作りました。私の場合、使うモデルでMMDモデルを使用しない点以外、@toRisouPさんの記事とほぼ同様の手順で作業を進めていきました。この時、「設定を調整してみたけど、前の方が良かった...」という場面がしばしばあるため、"イイ感じ"になったところで、Hierarchyにあるオブジェクトを、Prefab化しておくと後で楽になります。やり方はググってください。RenderTexture」でWEBカメラとして出力していたのですが、この動作が重すぎ、配信映像がカクついて見るに堪えなかったため、結局「EXEファイルとしてビルドして、そのウィンドウをキャプチャする」という方法に落ち着きました。その3」内の「やっぱりWebCamTexture重い」の章にあるスクリプトを使って、カメラ映像をウィンドウに表示させるようにしました。カメラの"ハンディ"要素については必須のものではないですが、面白いのでご紹介しておきます。3.2.1の基本設定から物を掴むまでのまとめ記事を参考にしてカメラを手持ち可能にしました。カメラを入れたオブジェクトを手持ちできるようにして、配信中にカメラ位置を手持ちで動かせるようにしています。どこからどう見てもハンディカムです。~ものをつかんで投げ、テレポートできるようにする~」という翻訳記事を参考にして、いわゆる「テレポート移動」をできるようにしました。僕の実装が雑すぎて、今の所「不気味な動きで超長距離を一瞬で駆け回る謎の人型生物」を爆誕させてしまったため、ここは改良していくつもりです。使用する方法を知り解決しました。ご紹介できればと思います。配信用の舞台/背景ですが、これは超雑です。真っ白い巨大Planオブジェクトを回転させて、ただ立てただけです。ハリボテとも言います。3.0あと、これも必須ではないのですが、毎回Unityを立ち上げるのが面倒だったため、作った撮影環境プロジェクトをビルドして、EXEファイルとしておきました。これで起動が本当に一瞬になり「あ、配信しよ」と思ったときに配信をはじめられるようになります。最後に、多分Unityで開発されている方には当然すぎて誰も触れていないことだと思うのですが、Unityでモデルやアセットを次々入れていくと、プロジェクトのファイルサイズがギガ単位で凄まじいことになります。あっという間にPCのドライブ容量が満杯になるので、少し気にしながらの方がいいです。撮影するさあようやく撮影するところまでこぎつけました。いう無償のソフトです。動画配信に特化したソフトなのですが、録画の機能もあります。僕はこれを使って動画撮影をしています。録画」で検索するとたくさん資料が出てきます。ここでポイントになるのは、今回は「ウィンドウキャプチャ」を使って録画を行うことです。一般的なYoutuberの配信というよりは、「ゲームの録画」に近いことをします。ここの設定が上手くできれば、そこまで難しいことはありません。VIVEの物を使えば問題ないと思います。音質等にこだわりが出てきた場合は別途購入した方が良いですが、そうなってくると今度はオーディオインターフェースやらコンデンサマイクやスロートマイクやら、どんどんオーディオ方面の機器が増えていくことになるので、割愛させてください。ぼくもスロートマイク欲しいです。逆に少し手間取るのは、動画の録画ではなく生配信を行う場合です。ネットワークを気にする必要が出てくるため、例えばニコ生であれば、OBSの支援プラグイン「obs-rtmp-nicolive」を導入するなどの一工夫が必要です。配信も近い内にやってみたいなぁと思ってます。まとめここまで読んでくださり本当にありがとうございます。記事紹介とググり方講座になってますが、逆に僕が欲しかった記事がこれだったので、記事が公開されたら最近バーチャル活動をはじめた友達に見せようと思います。それから、個人的な願いとして弊社取締役の伴にはいつか美少女になってほしいと思っています。ボイスチェンジャー恋声使って京訛りの美少女になりましょう伴さん。モデリング僕がやりますよ。ご紹介した記事作成者の方で、企業運営のメディアでの紹介NGの方がいらっしゃっいましたらご連絡ください。次の記事非デザイン系エンジニア向けフロントエンド入門!CSSの肥大化と難読化を防ぐBEM規約とは?育良啓一郎いくらと申します。普段使いのハンドルネーム使っていいか聞いたら超気軽にOK貰えました。仕事はPHPメインにアプリケーションエンジニアしてます。エンジニアブログです。業務の内外で得たノウハウやソースコードなど、WEB系開発・インフラエンジニアに向けてお役立ち情報を公開しています。本連載ではComposerで公開されているパッケージの中から、フレームワークを問わず汎用的に使えるライブラリをサンプルコードと共に紹介します。本連載ではComposerで公開されているパッケージの中から、フレームワークを問わず汎用的に使えるライブラリをサンプルコードと共に紹介します。本連載ではComposerで公開されているパッケージの中から、フレームワークを問わず汎用的に使えるライブラリをサンプルコードと共に紹介します。