three-vrm-vtuber

@pixiv/three-vrm を使ってVTuberになっちゃおう

ターゲット

• HTML/JavaScriptを触ったことのある方
• Three.js・3DCGプログラミング・VRMに興味があるが、触ったことがない方

道具

• Glitch.com
  • チョー簡単にJSのプロジェクトができちゃいます！
  • 今回のプロジェクトはすべてGlitchで試せます: https://glitch.com/@FMS-Cat/three-vrm-vtuber

材料

• Three.js
  • JavaScriptで簡単に3DCGできるライブラリ
• @pixiv/three-vrm
  • 今回の主役。Three.jsでVRMを読み込み表示します
• jeelizFaceFilter
  • 顔認識してデータ色々返してくれるすごいやつ

よみかた

• イタリック体 は新しく登場する単語を表します。 だいたい、そのすぐ後にその単語の説明が登場します。
• 一部のコードは ... で省略されていたり、明示されることなく変更されたりします。 察してください。
• 比較的新しめのECMAScript構文やWeb APIを使用しています。 できるだけ、今回のテーマの本質に集中できるようなコードを書いているつもりです。 また、Internet Explorerでは動かないと思います。
• なにかわからないことがあった場合は、issueで質問をしてください。 だいたいFMS_Catが何か重要なことを書き忘れています。