# three-vrm-vtuber

[@pixiv/three-vrm](https://github.com/pixiv/three-vrm/) を使ってVTuberになっちゃおう

![capture](step4/readme-images/capture.png)

### ターゲット

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

### 道具

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

### 材料

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

### よみかた

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