Miért kell tennie a kiterjesztett valóságot, ha JavaScript-fejlesztő vagy - és hogyan kell elindítani

Ha Ön egy JavaScript-kódoló, aki még mindig késésben áll a 2019-es határozatok végleges listájának elkészítésével, hadd adjak egy kezet: Kezdje el kitalálni, hogyan juthat el a kiterjesztett valóságba (AR).

A kiterjesztett / vegyes / virtuális valóság (AR / MR / VR) kombináció fergeteges növekedésnek örvend 2016 óta, ami valamivel több mint 6 milliárd dolláros marginális piaci értékből származik olyan értékre, amely 2022-re elérheti a 210 milliárd dolláros eladást (beleértve a hardvert is). Mindenekelőtt a kiterjesztett valóság az, amely folyamatosan növekszik.

Eleinte egy JavaScript (web) fejlesztő, aki be akar szállni az AR hajóra, csüggedten érezheti magát a szokásos szükséges készségek megtalálásakor; és akkor van, aki a gépi tanulást vagy a tárgyak internetét kérdezi. Ha azonban főként JavaScript-fejlesztő vagy, tekintsd magad áldottnak: a nyelvet gyakran emlegetik, amelyet tudnod kell ahhoz, hogy belépj ebbe az ágazatba. Az OK? Jelenleg sok AR-fejlesztés megy az interneten . És itt uralkodik a JavaScript.

Kiterjesztett munkák a JavaScript-rajongók számára - Tényleg?

Talán nem túl gyorsan. Számos példa van arra, hogy az AR / MR / VR önmagában ragyog, különösen a piaci résekben, de az iparág még nem találta ki teljesen a technológia teljes értékét az általános fogyasztók számára. Miután ez megoldódott, az ipar minden bizonnyal több AR / MR / VR terméket gyártana, ami több munkahelyet jelentene.

Néhány elemző számára az AR várhatóan a legátfogóbb hatással jár, részben azért, mert nem igényel speciális eszközöket és feltételeket a VR megvalósításához.

Az AR szinte mindenhez hasznos, hasznos és releváns információkat fed le a körülötted lévő világról. Az AR olyan módon terjedhet, hogy a VR nem. - David McQueen -Strategy Analytics- a Twice interjúból

Az iparban áll, hogy megtudja, hogyan lehetne az AR-t mindennapi élet technikájává tenni. Egyes vállalatok szerint, különösen a mobiltelefonok területén, az AR-potenciál jobb kiaknázása egy jól ismert szabállyá redukálódik: EGYSZERŰSÉG .

Míg a Unity az AR alkalmazások alapértelmezett elérési útjává vált, egyre nagyobb számban kell csak AR-t szórni. - Benjamin Devine cikkéből, Homestory AR

Sok esetben a vezető AR eszközök forrása túlterhelő lehet. Ehelyett egy csomó jó UX-vezérelt funkció néhány 2D / 3D eszközön keresztül több mint elegendő lehet a feltűnő termékek előállításához. Valami, amit egy JavaScript-fejlesztő rendszeresen tesz.

Ekkor lehetséges, hogy bármely JavaScript-fejlesztő a jövőben hagyományos feladatai kiterjesztéseként beágyaz (nem) szabványos AR / VR funkciókat. És ha szükséges, a JavaScript elég robusztus a bonyolultabb feladatokhoz. Határ a csillagos ég.

JavaScript-kiterjesztéssé válás

Mielőtt elkezdeném, javaslom, hogy vessen egy pillantást a számos AR platformra és szabványra. Az iparágat érintő ugyanazok a technikai kényszerek az AR világában is megmutatkoznak.

Például több platform létezik, egy-egy Big Tech-hez (Google = ARCode, Apple = ARKit, MS = ChakraCore, Facebook = AR Studio, React 360, Mozilla = aframe).

Miután gyorsan áttekintette a lehetőségeket, a JavaScript-kiegészített kiterjesztett valóság projektek elindítása viszonylag egyszerű. Kezdheti úgy, hogy bármilyen web / alkalmazás fejlesztői keretrendszert, például Cordova, Ionic, React Native vagy Vue Native, beágyaz az Ön által választott AR keretrendszerbe - és 3D-s eszközöket telepíthet a való világ tetejére.

Ha azt szeretné, hogy az interneten főként marker alapú AR használatával telepítse, használhatja a GitHub repókat, például AR.js (ingyenes), argon.js (ingyenes, de korlátozott) vagy awe.js (fizetős PaaS, de egy régi GitHub használatával) adattár még mindig elérhető). Van néhány személyre szabott, amelyek nehezebbek a kezdő számára, sok közülük olyan dolgokra összpontosított, mint az arc / fej felismerése (például a tracking.js és a headtrackr).

Vagy növelheti a projekt képességeit, ha képes az AR-hoz kapcsolódó vállalatok által készített elérhető SDK-k portolására. Sok olyan API van, amely AR-ként jelenik meg a böngészőben is. Például a Mapbox ezt az utat követi, és JavaScript-en van kifejlesztve.

Azt javaslom, hogy tartsa egyszerű, de interaktív.

Ha azonban a törekvései azt mutatják, hogy a dizájnt és az animációt el kell sajátítani a JavaScript-ben is, akkor mindenképpen meg kell tanulnia legalább egy 3D Javascript-csomagot, és a THREE.js-t a legnépszerűbbet. Várjon azonban, amíg el nem szerezte a JavaScript és az OpenGl, valamint a geometria, a trigonometria, a lineáris algebra vagy a fizika alapjait. És ne várjon további segítséget a meglévő 3D JS GUI-któl; különösen a THREE.js-nek nincs. Kihívó, de izgalmas!

Bónusz példa

Gyors bemutatót akartam készíteni, csak hogy felfedezzem a technológiát, ezért vettem egy szép CodePen-t és módosítottam, hogy illeszkedjen egy marker alapú, webes renderelt AR animációhoz, amelyet Stemkoski AR.js-sel végzett nagy munkájának klónjában hordoztak.

Hogy lásd a példát, amire szükség van egy mobil eszköz egy kamera és internet (telefon vagy tabletta), és vagy egy nyomtatott példányt a marker , vagy egy másik eszköz, hogy mutassa meg a képernyőn.

Kész? Most nyissa meg ezt a linket a mobileszköz böngészőjével:

//evaristoc.github.io/ARexample/

Engedélyezze a fényképezőgép használatát, és irányítsa a fényképezőgépet az alábbihoz hasonló jelölőre , akár nyomtatott, akár egy másik képernyőn.

MEGJEGYZÉS: Androidon és Chrome-on működik - lehet, hogy más eszközökön és böngészőkben nem működik?

Boldog új évet!

Remélem, hogy ezt a technológiát ugyanolyan lenyűgözőnek találja, mint én. Ha igen, ne maradjon egyedül: vegye fel velünk a kapcsolatot a freeCodeCamp fórumon, és ossza meg kérdéseit és ötleteit.

És ha tetszett ez a cikk, ne felejtsd el megadni a? és megosztani a közösségi médiában.

Köszönjük, hogy elolvastad, élvezd az AR-t és a Boldog kódolást !!