ARです。以上です。
文化祭の展示に向けて個人制作した、画像認識型のWeb ARミュージアムです。ブラウザのカメラで登録済みの画像を認識すると、画像に対応する3Dモデルを表示します。
カメラを使用するため、アクセス時にブラウザから求められるカメラ権限を許可してください。AR表示には登録済みの画像マーカーが必要です。
- 画像認識をきっかけにした3Dモデル表示
- 複数の画像マーカーと3Dモデルへの対応
- アニメーション付きglTF / GLBモデルの再生
- 展示モデルと制作メンバーの紹介ページ
- スマートフォンから操作できるナビゲーション
- スマートフォンのChromeまたはSafariでデモを開きます。
- カメラへのアクセスを許可します。
- 登録済みの画像マーカーをカメラに映します。
- 画像の上に表示される3Dモデルを体験します。
画面左上のメニューから、メインメニュー、展示モデル紹介、制作メンバー紹介、AR画面を移動できます。
WebAR/
├── 3D/ # glTF / GLB形式の3Dモデル
├── css/ # 画面ごとのスタイル
├── img/ # 展示・紹介用画像
├── mind/targets.mind # MindARの画像認識ターゲット
├── index.html # AR画面
├── index1.html # メインメニュー
├── heya.html # 展示モデル紹介
└── zikosyoukai.html # 制作メンバー紹介
文化祭で来場者にARと3Dモデルを体験してもらうことを目的に制作しました。企画、画面制作、3Dアセットの組み込み、画像認識ARの実装、GitHub Pagesでの公開まで個人で担当しています。
- カメラを利用できる端末とブラウザが必要です。
- 認識精度や3D表示の速度は、照明、画像マーカー、端末性能に影響されます。
- ライブラリをCDNから読み込むため、体験時にはインターネット接続が必要です。
- ビルド工程や自動テストを持たない静的Webサイトです。