WebAR名刺

https://gyazo.com/f53f02ff705da84135e243b097fe3193

インストールいらずのAR名刺

説明

WebAR名刺はQRコードが埋め込まれたマーカをQRコードリーダで読み込み、表示されたWebページでそのままAR表示させることができます。

アプリをインストールするタイプのAR名刺は体験してもらうハードルが高く、また製作者ごとに別のアプリをインストールすることになってしまいます。WebARならば気軽に名刺にARを組み込むことができます。

面白い名刺をつくってみたかったのでARを利用してみました。あとは、WebXRという技術への好奇心です。

使い方

QRコードをQRコードリーダで読み込みWebページを表示させてください。

カメラの使用を許可し、カメラをマーカーへむけてください。

スマホの画面上から一番上のカードをタップすると重なっているカードが動きます。

スマホの画面上から出てきたカードをタップするとリンクに遷移します。

マーカー画像

https://gyazo.com/01fa106b4382708461a06b25ffe4b146