Immersive technologies are becoming mainstream. While Virtual Reality is a privilege of those owning headsets or visiting VR rooms, Augmented Reality is a medium available for everyone who owns a computer or a smartphone. In this talk, I will share general info about what Augmented Reality is, overview of tools available to create AR on the web, and will show how to build simple AR experiences for the browser.
2. 2
— Работаю девелопером с 2013
— Фронтенд разработчица в Shopify
— Co-founder Riga TechGirls
— Переехала из Латвии в Литву
— Blogger at instagram.com/AlinaWhoCodes
3. — Иммерсивные технологии
— AR в браузере: AR.js
— AR в браузере: <model-viewer>
Дополненная реальность = Augmented Reality = AR
3
71. ● AR доступнее чем VR
● У AR много применений!
● AR: marker-based, markerless,
location based
● AR в браузере - есть мощные
платные варианты
71
72. ● DeepAR - лицо, руки, ноги, тело
● Ditto - только лицо
● Modiface - лицо и волосы (makeup)
● 8thwall - все!
● Universal AR by Zapworks - все!
72
Платные варианты
73. ● AR в браузере:
○ AR.js: three.js или AFrame +
location-based(?)/marker-based
○ <model-viewer>: супер простой,
markerless, но ограничен в
фичах
○ mind-ar-js
73
74. ● WebXR - WIP
● AR.js - документация хромает,
проекту есть куда расти
● Shopify использует <model-viewer>
74