さやべえのARコンテンツをWebブラウザで

そういえば、以前の記事でGitHubでWeb公開の話をしましたが、実はこれのためでした。
というわけで、今日はWebブラウザでみられるARコンテンツを作ったお話です。
【WebブラウザでAR?なにそれ?】
百聞は一見に如かず。まずはこちらをご覧ください。
(カメラ付きのWindows PCで、Google ChromeかFireFoxで開いてください)
https://revetronique.github.io/sayabeewebar/

開いたら、上の画像(Hiroマーカー)を印刷するか、スマホなどで出してカメラの前に置くと、
なんと3DCGがマーカーの上で踊るのが見られます。

技術の進歩ってすごい…
ソースコードはこちら。
https://github.com/Revetronique/sayabeewebar/tree/master/docs
【簡単な解説】
AR.jsというライブラリを使いました。
https://github.com/jeromeetienne/AR.js/blob/master/README.md
これを導入すると、PC側には何もインストールせずにブラウザを開くだけでマーカーARのコンテンツが楽しめます。
技術的な詳細は、AR.jsやThree.jsなどのGitHubを見たほうが早いです…。
ただ、使い方とか備忘録を兼ねて残しておくのも良さそうなので、
時間ができたら書いていきたいです。