¡Hola Aumentados! Hace unos días estuve preguntando en el fan Page de Facebook – Link al post (https://www.facebook.com/post si querian que compartiera el famoso portal en realidad aumentada que tanto ha sorprendido en internet y en su momento a todos los que estamos aprendiendo a realizar realidad aumentada en unity, vuforia, AR.js, ARcode o cualquier tipo de libreria de realidad aumentada.
Para mi la mejor opcion gratuita del momento para crear aplicaciones de realidad aumentada (augmented reality tutorials) para dispositvos moviles y computadores de mesa es Ar.js creada creada por el señor jeromeetienne aqui su pagina web oficial: https://github.com/jeromeetienne/AR.js/
Es facil de programar y con resultados supremamente rapidos. Asi que si quieres aprender esta tecnologia y no gastar dinero creando aplicaciones con aplicaciones de terceros te invito a que utilices esta libreria.
Como nota adicional a este post quiero pedirles un favor muy especial y es que me sigan en youtube.
link: https://www.youtube.com/user/carlosreinamcr
De esta manera me dan un super apoyo para continuar generando contenido para todos ustedes en lo relacionado al mundo de los tutoriales de realidad aumentada – Augmented reality tutorials.
PORTAL EN REALIDAD AUMENTADA
Para realizar el proceso mucho mas facil tanto para ustedes como para mi decidi por el momento no crear un video-tutorial respecto a este proyecto. Considere que la manera mas facil es compartir con ustedes este codigo a manera de descarga para que ustedes mismos puedan compilarlo desde su editor de codigo preferido. en caso de que tengan preguntas pueden escribirmelas en la seccion de comentarios tanto aqui como en youtube.
Existen muchas maneras de crear este efecto de portal en realidad aumentada. Yo elegi dos para ustedes tratando de que fueran los codigos mas comodos y faciles.
Te recuerdo que para compilar estos ejercicios deberas tener instalado un programa que te permita editar archivos .html en mi caso utilice VISUAL STUDIO CODE y ademas de eso utilizar la libreria Ar.js
- La primera opcion es crear un portal con una sola entrada y poder observar hacia adentro. En este caso el codigo No esta dejando el elemento presente en pantalla cuando el marcador desaparece (Podria hacerlo de esta manera en futuros tutoriales dependiendo de lo que guste este post).
Link de descarga: Ayudame dando un clic en
- Como segunda opcion esta el portal con dos puertas una que se ve como la imgen anteriormente presentada y una segunda puerta que nos permite ingresar a la imagen de 360 grados o al video en 360 grados todo este en realidad aumentada. En este caso el codigo No Esta dejando el elemento presente en pantalla cuando el marcador desaparece. (Podria hacerlo de esta manera en futuros tutoriales dependiendo de lo que guste este post).
Este es link de descarga: Descargar
Link a la fan page de facebook: https://www.facebook.com/RealidadAumentadaEmpezandodesdecero
Link al canal de youtube: https://www.youtube.com/user/carlosreinamcr
Portal mundo de mario
Hola Darien! Eso seria genial, tienes el ejemplo para hacer aqui en el blog? si tienes un link de ejemplo por favor dejalo aqui en el comentario y con gusto lo traere al canal.