恒例の年末に記事を書くやつ向けの記事です。 今回は AR.js についてご紹介します。 (過去の記事) 2019 - Three.js 2020 - Google Earth Studio 2021 - Deck.gl この記事でやってみること Step 1 : HTML のみで AR を実現 AR.js Studio (Marker based) QR コードの生成 3D モデルの取得 Step 2 : エンティティの動的追加 AR.js Studio (Location based) 位置座標の取得 (Google Map) 相対位置/座標の角度と距離の対応 Step 3 : インタラクションの追加 モデルの切替 テキスト表示 アニメーション Web AR とは AR(Augmented Reality; 拡張現実)は,現実世界にコンテンツのオーバーレイ(重ねること)を可能にするテクノ