Web Ar

Web上でAR体験 - Web-AR

output

背景

https://www.youtube.com/watch?v=rIPfpGCxONQ この動画が発端となる。

ARをどうしても触ってみたかった。 ただ、ネイティブアプリではなくWeb上で表現できないか考えていた。 three.jsを使えばイケるかも!?とやってみた。

機能

簡単に言うと下記

  • three.jsで現実世界にオブジェクトを生成する
  • 座標位置とオブジェクトとの距離により見え方が変わる
  • オブジェクトに接すると、中の世界が見えるようになる

技術スタック

javascript(three.js)

関連リポジトリ

frontend javascript(three.js)
backend golang
https://github.com/Silver-birder/web-ar

Avatar
Masashi Shibamoto
Web Application Engineer

Node.jsやGolangが大好きなWebAppエンジニア