Layar (móvil)

Layar es una aplicación para dispositivos móviles que nos permitirá ver y crear carteles multimedia y capas con puntos de interés geolocalizadas.

Vamos a empezar por la primera opción: Carteles multimedia

Podemos ver un ejemplo, pero primero tenemos que instalar la aplicación en nuestro dispositivo móvil (IOS o Android). Entra en la página de descarga y elige tu dispositivo.

Cuando lo tengas instalado podrás escanear este cartel que preparamos en mi centro para presentar unas jornadas de patrimonio:

jornadas

  1. Nos registramos en la página de Layar

login

Rellenamos los campos requeridos y hacemos clic en SIGN UP 

registrolayar

Abrimos nuestro correo electrónico para confirmar el registro haciendo clic en el enlace que nos envían.

Con este registro ya podríamos empezar a realizar un cartel en realidad aumentada, aunque tendríamos el inconveniente de los banners de publicidad que añaden a las cuentas gratuitas. Para evitar este inconveniente podemos solicitar una cuenta premium sin publicidad para usos educativos, para esto debemos realizar un cuestionario en esta página: https://www.layar.com/about/sponsored-pages/apply/

En unos días revisarán nuestra solicitud y si nos la conceden, podremos crear carteles sin publicidad. 

 

Mi primer cartel con Layar

Vamos a realizar nuestra primera "campaña", una campaña se compone de una o varias páginas relacionadas con el mismo tema.

Accedemos a Layar Creator , escribimos los campos requeridos y clic en "Create campaign". Podemos subir una pequeña imagen que nos servirá de icono para identificar nuestra campaña.

propiedades

Clic en Save campaign.

Dentro del panel editor tenemos tres columnas, en la izquierda añadiremos páginas ( imágenes) a nuestra campaña, a la derecha están los botones y los elementos que podemos arrastrar al centro donde vamos colocando dentro de la imagen de la página.

panel

Subimos una imagen haciendo clic en Add Pages ( podemos subir varias imágenes a la vez dentro de un archivo .zip)

subir imagen

Una vez subida nuestro cartel, la aplicación analiza si es "buena" para que la aplicación reconozca este marcador.

analizar

Presionamos Start Creating. 

A continuación elegimos uno de las opciones que tenemos en la izquierda y arrastramos dentro de la imagen. Según la opción elegida nos abrirá un menú para rellenar con una URL, subir una imagen...etc

añadir

Si queremos ver un vídeo en realidad aumentada dentro de la imagen, debemos subir el vídeo a un servicio público de alojamiento de vídeos. En el foro de Layar nos dan alguna opción: http://devsupport.layar.com/entries/21217592-Where-do-I-host-AR-videos-

Las especificaciones de los vídeos que podemos ver en Layar, las tenemos en este tutorial: http://devsupport.layar.com/entries/21627022-Video-Tutorial-5-How-to-create-and-add-AR-video-. Formato mp4, h264 codec para vídeo, ACC codec para audio. Resolución recomendada de 320x240 px y nunca mayor de 640x480 pixels. Tamaño menor de 5 mb.

Vamos pues a subir el vídeo a Vimeo en opción público, una vez subido copiamos la URL de descarga, esta URL será la que peguemos en Layar.

enlacedescarga

 Una vez añadidos los botones, imágenes, enlaces, vídeo... hacemos clic en Save page y podremos probar nuestra escena haciendo clic en Test, con nuestro dispositivo móvil. 

Para ello tenemos que decargar layar en nuestro dispositivo y acceder con nuestro usuario.

Si todo es correcto y nos ha gustado el resultado, podremos publicar haciendo clic en Publish

 

publicar

 

Podemos añadir más páginas a nuestra campaña, añadiendo diferentes escenas de realidad aumentada.

En la página de soporte de Layar, podemos consultar los tutoriales que han hecho para explicar el funcionamiento de la herramienta

Objetos 3D en Layar

La incorporación de objetos 3D en Layar no es tan sencilla como hemos visto en otras herramientas. Para incorporar elementos 3D necesitamos transformar el formato con la herramienta que nos ofrece Layar y escribir algo de código en el botón HOTSPOT.

Nos descargamos la aplicación para convertir el formato de nuestro objeto 3D (formato .obj o .mtl), el enlace de descarga lo podemos encontrar aquí: https://www.layar.com/documentation/browser/3d-model-converter/

Abrimos la aplicación e importamos nuestro objeto.

importarOBJ

Nos aparecen las características de nuestro objeto 3D en la primera pestaña Overview

caracteristicas

En la pestaña de materiales, veremos la lista de los materiales importados, podemos cambiar algún color haciendo clic en el color correspondiente.

materiales

En la pestaña Preview, vemos nuestro objeto en 3D

vistaprevia

La siguiente pestaña Placement se utiliza para localizar el objeto 3D en el mapa, para las capas de geolocalización.

Guardamos en el formato 3D layar, y ya está listo nuestro objeto 3D para ver en Layar.

formatolayar

Una vez hecha la conversión de formato, necesitamos subirlo a internet, en algún servicio de almacenamiento, yo he utilizado dropbox. La URL del objeto que hemos subido será la que copiemos en el código del botón HOTSPOT.

codigo3D

Las primeras tres lineas de código no hay que cambiarlas.

La URL de nuestro objeto la pegamos donde veamos "url":

Detrás de "contentType" deberemos escribir "model/vnd.layar.l3d"

Es posible que al testear el cartel en Layar no veamos nuestro objeto 3D, a veces es debido a la diferencia de escala, pues el objeto es demasiado grande o demasiado pequeño...podemos cambiar la escala en el código a continuación de "scale" y probar con una escala menor o mayor según necesitemos.

Para más modificaciones podemos consultar el tutorial de Layar

Obra colocada bajo licencia Creative Commons Attribution Non-commercial Share Alike 3.0 License

000webhost logo