こんにちは、くのへです！
２０２４年８月３日（土）にWeb3D技術の入門講座を実施しました。
その内容についてザッとこちらで紹介させて頂きます！
講座概要
無料でHtmlサイトを作れるWebサービス「Glitch」を用いて、次のWeb3D技術に入門しました。
・model-viewerを用いたWebAR
－作成したWebサイトをスマホで開けば、3DモデルをAR表示できるという技術です
例えば下図左のQRコードをスマホで読み取った先のサイトを開くと、この講座で作ったおでんをAR出来るWebARのサイトが開かれます！！（「View in your space」というボタンが出たら押してください）
下図右のようなおでんがカメラに映ります。面白い！！！
このWebARのサイトを自分で作れるようになる技術をみんなで学習しました。
・A-Frameを用いたWebXR
－A-Frameとは作成したWebサイトを開くと３Dビュー（グリグリ）できる技術です
－また、A-Frameでは、そのサイトをVRデバイスで見ることが出来るようにする設定もできます。
このA-Frameで作ったWebXRをi-Frameで埋め込むことまで学習しました。
↓こちらがGlitchを用い、A-Frameで作ったWebXRをiframeで埋め込んだものです。
3D技術なのでグリグリできますし、全画面表示ボタンで全画面で見れます。（戻る時はEscキーです）
