WebGL フォーラムのバレンタインデー企画でAR ぽい example を作ったのですが載せるのを忘れていたので。 WebCam と WebGL が使える環境でお楽しみいただけます。 Chocolate For You! 利用したライブラリーは three.js js-aruco 一式 aruco.js cv.js svd.js posit1.js とその他です。 js-aruco を始めとする、JS の CV 及び、AR 関連のライブラリーは数年前からあるので、あまり新しいことではありません。 js-aruco では、認識できるマーカーは次のいずれかのパターンを行に持つ 5 x 5 の正方形を認識します。 white - black - black - black - black white - black - white - white - white black - white -
![JS で AR | Yomotsu net](https://cdn-ak-scissors.b.st-hatena.com/image/square/d4624047e19481b1979d0eccc889f1f299ec2d55/height=288;version=1;width=512/https%3A%2F%2Fyomotsu.net%2Fassets%2Fimg%2Fog-image.png)