Three.js AR 女の子 出す 方法 - Qiita

本記事は、 Three.js Advent Calendar 2019 の15日目の記事です。 たいへん鮮度が落ちやすい記事です。もし古い情報がありましたら、コメントからご連絡いただけますと幸いです。 あんどうさんによるWebXR AR Paintの解説記事を先に読んでおくと理解が深まるかもしれません: WebXR AR Paint その１ WebXR AR Paint その２ 概要 上にも紹介したように、AR Paintのexampleは、Three.js r111で追加されたexamplesの中でもひときわ目立っていますね。 本記事では、このAR Paintのコードを読みながら、実際にモデルデータをARで床の上に表示する実例を作っていこうと思います。 道中では、以下のような技術を必要としました: GLTFLoaderと@pixiv/three-vrmを利用したVRMモデルデータの読み込