Por qué debería hacer realidad aumentada si es un desarrollador de JavaScript y cómo empezar

Si usted es un codificador de JavaScript que aún llega tarde para hacer una lista definitiva de resoluciones para 2019, permítame darle una mano: comience a descubrir cómo ingresar a la realidad aumentada (AR).

La combinación de realidad aumentada / mixta / virtual (AR / MR / VR) ha disfrutado de un crecimiento frenético desde 2016, proveniente de un valor de mercado marginal de poco más de $ 6 mil millones a uno que podría alcanzar los $ 210 mil millones en ventas (incluido el hardware) para 2022. De todos, la Realidad Aumentada es la que está experimentando un crecimiento constante.

Al principio, un desarrollador de JavaScript (web) que desee entrar en el barco de AR puede sentirse desanimado al encontrar las habilidades necesarias habituales; y luego están los que preguntan por Machine Learning o Internet of Things. Sin embargo, si es principalmente un desarrollador de JavaScript, considérese afortunado: el lenguaje se menciona de forma recurrente como uno que debe conocer para ingresar a este sector. ¿La razón? En este momento, gran parte del desarrollo de AR se realiza en la web . Y aquí es donde reina JavaScript.

Trabajos aumentados para los fanáticos de JavaScript: ¿de verdad?

Quizás no demasiado rápido. Hay muchos ejemplos en los que AR / MR / VR brilla por sí solo, especialmente en nichos de mercado, pero la industria no ha descubierto por completo el valor total de la tecnología para el consumidor general. Una vez que se resolviera, la industria sin duda estaría fabricando más productos AR / MR / VR, lo que se traduciría en más trabajos.

Para algunos analistas, se espera que la RA tenga el impacto más generalizado, en parte porque no requiere que se implementen dispositivos y condiciones específicos como lo hace la RV.

La RA tiene utilidad para casi todo, superponiendo información útil y relevante sobre el mundo que te rodea. La realidad aumentada puede penetrar de una manera que la realidad virtual no puede hacerlo.- David McQueen -Strategy Analytics- de una entrevista en Twice

Depende de la industria encontrar cómo hacer de la RA una tecnología más para la vida cotidiana. Según algunas empresas, particularmente en el ámbito de la telefonía móvil, explotar mejor el potencial de RA se reduce a una regla bien conocida: SIMPLICIDAD .

Si bien Unity se ha convertido en la ruta predeterminada para la creación de aplicaciones de AR, un número creciente solo necesita una pizca de AR.- de un artículo de Benjamin Devine, Homestory AR

En muchos casos, recurrir a las principales herramientas de RA podría ser una exageración. En cambio, un montón de buenas características impulsadas por UX sobre algunos activos 2D / 3D podrían ser más que suficientes para crear productos sorprendentes. Algo que hace habitualmente un desarrollador de JavaScript.

Entonces, es posible que cualquier desarrollador de JavaScript incorpore características AR / VR (no) estándar como una extensión de sus deberes tradicionales en el futuro. Y si es necesario, JavaScript es lo suficientemente robusto para tareas más complejas. El cielo es el limite.

Convertirse en JavaScript aumentado

Antes de comenzar, sugeriría echar un vistazo a las diversas plataformas y estándares de AR. Las mismas limitaciones técnicas que afectan a la industria también se reflejan en el mundo de la RA.

Por ejemplo, hay varias plataformas, una para cada Big Tech (Google = ARCode, Apple = ARKit, MS = ChakraCore, Facebook = AR Studio, React 360, Mozilla = aframe).

Después de echar un vistazo rápido a las opciones, es relativamente fácil iniciar proyectos de realidad aumentada con JavaScript. Puede comenzar tomando cualquier marco de desarrollo web / de aplicaciones como Cordova, Ionic, React Native o Vue Native para integrar el marco de AR de su elección, e implementar activos 3D sobre el mundo real.

Si lo que desea es implementar en la web utilizando principalmente AR basado en marcadores, puede usar repositorios de GitHub como AR.js (gratis), argon.js (gratis pero limitado) o awe.js (PaaS pagado pero con un GitHub antiguo repositorio todavía disponible). Hay algunos personalizados que son más difíciles para el principiante, muchos de ellos se centran en cosas como el reconocimiento facial / de la cabeza (como tracking.js y headtrackr).

O puede aumentar las capacidades de su proyecto si puede migrar los SDK disponibles creados por empresas relacionadas con AR. También hay muchas API que se representan como AR en el navegador. Por ejemplo, Mapbox sigue ese camino y está desarrollado en JavaScript.

Le sugiero que lo mantenga simple pero interactivo.

Sin embargo, si sus ambiciones apuntan a dominar también el diseño y la animación en JavaScript, definitivamente tiene que aprender al menos un paquete 3D de Javascript y THREE.js el más popular. Espere, sin embargo, hasta que haya obtenido una buena base de JavaScript y OpenGl, así como geometría, trigonometría, álgebra lineal o física. Y no espere más ayuda de las GUI 3D JS existentes; en particular, THREE.js no tiene ninguno. ¡Desafiante pero emocionante!

Ejemplo de bonificación

Quería preparar una demostración rápida solo para explorar la tecnología, así que tomé un buen CodePen y lo modifiqué para que se ajustara a una animación de AR renderizada en la web basada en marcadores portada dentro de un clon del gran trabajo de Stemkoski con AR.js.

Para que veas el ejemplo, necesitas un dispositivo móvil con cámara e internet (teléfono o tableta) y una copia impresa del marcador u otro dispositivo para mostrarlo en pantalla.

Listo? Ahora abra este enlace usando un navegador en su dispositivo móvil:

//evaristoc.github.io/ARexample/

Autorice el uso de su cámara y apunte la cámara a un marcador como el siguiente , ya sea impreso o en otra pantalla.

NOTA: funciona en Android y Chrome, ¿es posible que no funcione para otros dispositivos y navegadores?

¡Feliz año nuevo!

Espero que encuentre esta tecnología tan fascinante como yo. Si es así, no te quedes solo: contáctanos en el foro freeCodeCamp y comparte tus preguntas e ideas.

Y si te ha gustado este artículo, no olvides darle un? y compartirlo en las redes sociales.

Gracias por leer, disfruta AR y Happy Coding !!