![[kaneko lab.]](https://www.kkaneko.jp/info/logo_png.png){kind=logo}
A-Frameを活用したVR・AR開発
【概要】
WebベースのVR・AR開発フレームワークであるA-Frameの使い方を説明する。動作確認から始め，３次元オブジェクトの表示，アニメーション，360度パノラマ表示を扱う。さらに，AR.js と組み合わせたマーカーベースのARシステムの構築と実行方法を説明する。パソコン上でHTMLファイルを直接開く方法だけでなく，Python の簡易 Web サーバを利用する方法も説明する。【サイト内の関連情報】
- 3次元のページ
- A-Frame を使ってみる
ブラウザでVRを扱う「A-Frame」の基本を説明し、HTMLファイル内に立方体や球などの3Dオブジェクトを配置してブラウザ上で表示・操作する手順を扱う。
- A-Frame で３次元オブジェクト表示，アニメーション，パノラマ表示
A-Frameで立方体や球などの３次元オブジェクトを表示し、オブジェクトのアニメーション、360度パノラマ画像の表示、Blenderで作成した３次元オブジェクトの表示を行う手順を説明する。
- パソコンで，マーカーベースの AR システムを動かしてみる（A-Frame, AR.js を使用）
A-FrameとAR.jsを用い、PCのカメラでhiroマーカーを読み取り、ブラウザ上に3Dオブジェクトを表示するマーカーベースのARシステムを構築する。
- パソコンで，Web サーバを立ち上げ，Web でマーカーベースの AR システムを動かしてみる（A-Frame, AR.js, Python を使用）
PythonでローカルWebサーバを立ち上げ、AR.jsとA-Frameを用いて、Blenderで作成した3Dモデル（.obj形式）をマーカー上にAR表示するWebページを作成する手順。