Prototipando una escultura subcontinental a escala con A-Frame

4 marzo, 2017 18:00 por

Esta es una traducción del artículo original publicado en el blog de Mozilla Hacks.

En 2016, envié un concepto en respuesta al llamado del Consulado Británico para entradas a su UK-India 2017 Digital Open Call. Titulado “Una pieza de arte tan grande como India”, la idea fue crear una escultura de realidad aumentada que la gente de India no sólo podía ver a través de dispositivos móviles, sino que podían esculpirla ellos mismos. Como dije en la propuesta original:

Imagina una capa virtual de seda tan grande como el subcontinente, como si flotara arriba en el cielo.

Arte tan grande como India
Estuve interesado en hacer la instalación visible en tantos dispositivos como fuera posible, y después de recibir la financiación inicial del Consulado Británico para desarrollar la idea, investigué muchas plataformas que pudieran hacerlo. Rápidamente, se volvió claro que el sistema operativo más popular en India es Android, así que empecé a revisar librerías que me permitieran crear contenido 3D aumentado en tiempo real. A-Frame llamó mi atención a través de la comunidad de three.js y después de descubrir un fantástico prototipo de realidad aumentada por un empleado de Mozilla, Dietrich Ayala, supe que era la librería front-end perfecta para este proyecto:

Empecé a escribir sobre cada paso del proyecto, así comp también compartir todas mis experiencias en GitHub y GitHub Pages. Mi amigo Ross Cairns me ayudó a tener mi entorno de desarrollo configurado, utilizando A-Frame y las siguientes tecnologías:

A través de la colección Awesome de A-Frame en GitHub he descubierto muchos componentes de paisajes en 3D diferentes. Kevin Ngo, uno de los responsables del código de A-Frame, ha creado un componente Mountain (montaña) que se ajustaba a mis requerimientos, y después de conversar con él en el Slack de A-Frame, él incluso me guió para enviar mi primer pull request en GitHub, para permitir que el componente pueda verse tanto desde abajo como desde arriba.

Dietrich y yo colaboramos remotamente para integrar el código de su demo de AR con el componente actualizado de Kevin, para finalmente hacer una versión para Android y iOS. (Apple no ha implementado getUserMedia() en la versión móvil de Safari, así que usamos un panorama estático en su lugar).

Componente Mountain de A-Frame

El Consulado Británico llevó a cabo audiencias de prueba en India durante las últimas semanas de noviembre en 2016 – desafortunadamente, no pasé a la siguiente etapa del proyecto pero estaré usando A-Frame para todos mis proyectos en línea sobre VR/AR futuros y estoy muy agradecido con toda la comunidad A-Frame por toda su ayuda y apoyo.

The following two tabs change content below.

AngelFQC

Web Developer at BeezNest Latino
Ingeniero de Sistemas y Computación. Desarrollador PHP. Mozilla Peru. Chamilo LMS Developer.

Compartir artículo:

Join the discussion at foro.mozilla-hispano.org

  • ¡Participa!

    Firefox Friends »
    Agrega botones de Firefox en tu sitio web y comparte tu amor por Mozilla Firefox.
    Armada alucinante »
    Ayuda a otros usuarios en Twitter.
    Colabora con la comunidad »
    En Mozilla lo importante son las personas. Descubre cómo puedes colaborar.

    Boletín Firefox

    Suscríbete al boletín de novedades de Firefox.

  • Descargas

    Descarga los programas de Mozilla.

    Lo más visto

    cc-by-sa