Защо трябва да правите разширена реалност, ако сте разработчик на JavaScript - и как да започнете

Ако сте кодер на JavaScript, който все още закъснява да изготви окончателен списък с резолюции за 2019 г., позволете ми да ви помогна: Започнете да разберете как да влезете в разширената реалност (AR).

Комбинираната / смесена / виртуална реалност (AR / MR / VR) се радва на неистов растеж от 2016 г., като идва от пределна пазарна стойност от малко повече от 6 милиарда долара до такава, която може да достигне 210 милиарда долара продажби (включително хардуер) до 2022 година От всичко, разширената реалност е тази, която преживява стабилен растеж.

Отначало разработчик на JavaScript (уеб), който иска да влезе в AR лодката, може да се почувства обезсърчен, когато намери обичайните необходими умения; и тогава има хора, които питат машинно обучение или интернет на нещата. Ако обаче сте главно разработчик на JavaScript, считайте се за благословен: езикът периодично се споменава като такъв, който трябва да знаете, за да влезете в този сектор. Причината? В момента много AR разработки отиват в мрежата . И тук царува JavaScript.

Разширени работни места за фен на JavaScript - Наистина?

Може би не твърде бързо. Има много примери, когато AR / MR / VR блести сам по себе си, особено на пазарни ниши, но индустрията не е разбрала напълно пълната стойност на технологията за обикновения потребител. След като се реши, индустрията със сигурност ще произвежда повече AR / MR / VR продукти, което би довело до повече работни места.

За някои анализатори AR се очаква да има най-широко разпространеното въздействие, отчасти защото не изисква специфични устройства и условия да бъдат приложени, както VR прави.

AR има полезност за почти всичко, наслагвайки полезна и подходяща информация за света около вас. AR може да бъде широко разпространен по начин, по който VR не може. - Дейвид Маккуин - Стратегическа аналитика - от интервю за Twice

Опира се на индустрията да намери как да превърне AR в ежедневна технология. Според някои компании, особено в сферата на мобилните телефони, по-доброто използване на потенциала на AR намалява до добре познатото правило: ПРОСТОТА .

Докато Unity се превърна в път по подразбиране за изграждане на приложения за AR, все повече се нуждаят само от добавяне на AR.

В много случаи ресурсите за водещите AR инструменти могат да бъдат прекалено големи. Вместо това, куп добри функции, управлявани от UX, върху някои 2D / 3D активи може да са повече от достатъчни, за да направят поразителни продукти. Нещо, което разработчикът на JavaScript редовно прави.

Тогава е възможно всеки разработчик на JavaScript да вгражда (не) стандартни AR / VR функции като продължение на традиционните си задължения в бъдеще. И ако е необходимо, JavaScript е достатъчно стабилен за по-сложни задачи. Небето е границата.

Става разширена с JavaScript

Преди да започнем, бих предложил да разгледаме няколкото AR платформи и стандарти. Същите технически ограничения, засягащи индустрията, се отразяват и в AR света.

Например има няколко платформи, по една за всеки Big Tech (Google = ARCode, Apple = ARKit, MS = ChakraCore, Facebook = AR Studio, React 360, Mozilla = aframe).

След като разгледахте бързо опциите, стартирането на напълно разширени реалности проекти с JavaScript е относително лесно. Можете да започнете, като вземете която и да е рамка за разработчици на уеб / приложения като Cordova, Ionic, React Native или Vue Native, за да вградите AR рамката по ваш избор - и да разположите 3D активи върху реалния свят.

Ако това, което искате, е да разположите в мрежата, използвайки предимно AR-базирани на маркери, можете да използвате GitHub репозитори като AR.js (безплатно), argon.js (безплатно, но ограничено) или awe.js (платено PaaS, но със стар GitHub хранилище все още на разположение). Има няколко приспособени, които са по-трудни за начинаещия, много от тях се фокусират върху неща като разпознаване на лице / глава (като tracking.js и headtrackr).

Или можете да увеличите възможностите на проекта си, ако можете да пренасяте налични SDK, направени от свързани с AR компании. Има много API, които се представят като AR и в браузъра. Например Mapbox следва този път и е разработен на JavaScript.

Бих ви предложил да го запазите просто, но интерактивно.

Ако обаче амбициите ви насочват към овладяване на дизайна и анимацията в JavaScript, окончателно трябва да научите поне един 3D Javascript пакет и THREE.js най-популярния. Изчакайте обаче, докато придобиете добра база от JavaScript и OpenGl, както и геометрия, тригонометрия, линейна алгебра или физика. И не очаквайте повече помощ от съществуващите 3D JS GUI; по-специално, THREE.js няма такъв. Предизвикателно, но вълнуващо!

Пример за бонус

Исках да подготвя бърза демонстрация, само за да проуча технологията, затова взех хубав CodePen и го модифицирах, за да се побере на базата на маркер уеб рендирана AR анимация, пренесена в клонинг на великата работа на Стемкоски с AR.js.

За да видите примера, се нуждаете от мобилно устройство с камера и интернет (телефон или таблет) и отпечатано копие на маркера или друго устройство, за да го покажете на екрана.

Готов? Сега отворете тази връзка с помощта на браузър в мобилното си устройство:

//evaristoc.github.io/ARexample/

Дайте разрешение за използване на вашата камера и насочете камерата към маркер като по-долу , отпечатан или на друг екран.

ЗАБЕЛЕЖКА: работи на Android и Chrome - може да не работи за други устройства и браузъри?.

Честита Нова Година!

Надявам се, че тази технология ще ви бъде толкова очарователна, колкото и аз. Ако е така, не оставайте сами: свържете се с нас на форума на freeCodeCamp и споделете вашите въпроси и идеи.

И ако тази статия ви е харесала, не забравяйте да я дадете? и да го споделите в социалните медии.

Благодаря за четенето, насладете се на AR и щастливо кодиране !!