狠狠撸
Submit Search
奥别产技术ではじめよう础搁/痴搁アプリ开発
?
0 likes
?
672 views
T
Takashi Yoshinaga
Follow
xTech ゆるっとLT: Fukuoka.php and AR_FukuokaでのLT資料
Read less
Read more
1 of 17
More Related Content
奥别产技术ではじめよう础搁/痴搁アプリ开発
1.
Web技術で始めよう AR/VRアプリ開発
2.
自己紹介 氏名：吉永崇(Takashi Yoshinaga) 所属：Steampunk Digital株式会社 九州先端科学技術研究所(ISIT) 専門：医療支援AR,運動計測,遠隔AR
3.
WebAR, WebVRって？ Webブラウザ上でARやVRを実現する技術 バーチャルショップ(伊勢丹)
4.
WebAR/VRの特徴 ? アプリと違ってダウンロード&インストール要らず ? HTMLのタグを書くだけで3Dオブジェクトを配置できる ?
Firefox、Chrome、Edgeなど主要なブラウザがWebXR対応 ? スマホVRやOculus QuestやHoloLens 2などのHMDにも対応
5.
尘辞诲别濒-惫颈别飞别谤を使った例
6.
尘辞诲别濒-惫颈别飞别谤を使った例
7.
A-Frameを使った例 A-Frameのページにアクセス (https://aframe.io/)
8.
A-Frameを使った例 ページの左側にサンプルがあります サンプル
9.
A-Frameを使った例 基本サンプル Hello WebVRをクリック Hello
WebVR
10.
A-Frameを使った例 基本サンプル Hello WebVRをクリック 画面をクリック ?回転：マウスでドラッグ ?左右：[A][D]キー ?前後：[W][S]キー ※前後左右は自分がどちらに動くかで考える
11.
サンプルコード Hello WebVRに関する記述 (たったこれだけ！) Hello
WebVR
12.
サンプルコード
13.
VR用HMD(Oculus Quest)で動く！
14.
AR用HMD(HoloLens2)で動く！ https://youtu.be/zCw2kAI5vak
15.
WebAR UXフロー QRでアクセス ->
すぐ体験！ https://youtu.be/VRIiLMvG8wg
16.
WebAR/VRのおかげでAR/VRの敷居は 下がっているので気軽に始めてみよう！ まとめ
17.
資料公開中！ ? A-Frame入門 /ssuserc0 d7fb/arframe-x-arjs ? HMD対応WebAR/VR /ssuserc0d 7fb/aframewebxr-hololens2oculus- quest
![A-Frameを使った例
基本サンプル Hello WebVRをクリック
画面をクリック
?回転：マウスでドラッグ
?左右：[A][D]キー
?前後：[W][S]キー
※前後左右は自分がどちらに動くかで考える](https://image.slidesharecdn.com/lt-210903134000/85/Web-AR-VR-10-320.jpg)
