WebXR.jp is a web service where you can learn programming online.
We offer you a fully equipped coding environment to get you started.
three.jsは，ウェブブラウザ上でリアルタイムレンダリングによる3次元コンピュータグラフィックスを描画するJavaScript library および APIです。
AR.jsは，three.jsをベースにしたWebブラウザでARを実装するためのJavaScriptライブラリです。iOS(11以上)Safari、Android、WindowsPhoneに対応しています。
8th Wallは、iOSではSafari/AndroidではChrome、Firefoxといった主要ブラウザに対応したWeb ARのフレームワークです。
A-Frameは，HTMLのタグを記述するような感覚で開発を行えるWebVRのフレームワークです。
神代植物園の展示
— Damien (@saharu54) August 5, 2019
観に来てくださった方はありがとうございました🙇♀️
誰でも遊べるようにwebARで作る！ってことで
8thwallかaframeか迷ったんですが
夜間なので6DoFだとドリフトするかもだったので
結果的に3DoFのaframeでよかったなぁ。
この辺テストして最適解をQiitaにまとめたい pic.twitter.com/CDgKKECVwW
私が後半いられなかったため、体験逃した！という方へ…
— 影織 (@kageori_w) September 13, 2019
現在時刻をアナログでお知らせする切り絵と、現在天気に合わせて着替える切り絵を展示していました！
AR.jsを使って実装しています。
#WebXRAudioMIDI #ARjs #WebAR #切り絵 pic.twitter.com/oDHGKVlics
A-Frame+AR.jsでGIFアニメーションと3Dオブジェクトを表示させることに成功しました！
— マサキ㌠ (@Masaki_ponpoko) January 24, 2019
一夜でカスタムマーカーまで設定できるようになって開発も楽だったし、アプリインストールする手間がないから誰でもどこでも体験を共有できる点でWebARは良いなあ。 pic.twitter.com/OL5h8rIIkJ
VRMを8th Wall Webで表示するサンプルを作成してみました。
— 高坂 (@t_takasaka) December 24, 2018
WebARなのでアプリのインストールが不要、またマーカーレスなのでモデルを手に乗せたりという使い方もできました。速度面も問題なさそうです。
コードは以下で公開しています。https://t.co/ezkMsHfcA8#VRM #VRoid #AR #WebAR #8thWallWeb pic.twitter.com/7OG4Nd7yXS
