Live2DをWebARで表示するサンプルです。
スマホのブラウザさえあればコンテンツにアクセスできるので、ARアプリのボトルネックになりがちなインストールの手間を省けるのが利点です。
ウェブカメラの付いたPCでこちらにアクセスするか、スマートフォンで下記のQRコードにアクセスしてください。
サンプルページの表示後、再度、QRコードにカメラを向けるとモデルが表示されます。
-
マーカーに対して並行、垂直にモデルを表示
-
モデルの複数体表示
-
ランダムモーション再生
-
カメラ方向への視線追従
-
クリック、タップでのモーション切り替え
-
メッセージウィンドウの表示
-
録画機能
-
設定値の分離(jsonファイル?)
-
マーカーのジェネレータはこちらにあります
-
htmlファイルのa-sceneタグにある「patternRatio」はジェネレータの「Pattern Ratio」の値と一致させてください。
-
モデルのパーツの周りに境界線が表示される場合は、Cubism2.1の「テクスチャのゴミ取りツール」をお試しください。