Desarrollando aplicaciones de Realidad aumentada con Wikitude (parte 1)

26-09-2013 - Andrés Cruz

En esta primera entrega veremos como configurar nuestro proyecto Android para comenzar a utilizar esta librería de realidad aumentada, para esto utilizaremos Eclipse con el plugin ADT.

Importar Wikitude SDK en nuestro proyecto Android

Primero debemos descargar la SDK de Wikitude; lo podemos hacer dando clic aquí, clic en el boton download; luego de eso basicamente debemos de seguir los mismos pasos explicados en el articulo de ¿Cómo importar una librería (jar) en Android? para importar nuestra librería.

Luego de que hayamos importado correctamente nuestra librería al proyecto debemos de realizar la siguiente configuración en eclipse:

Preferences - Android - Build y asegurate de que la opción Force error when external jars contain native libraries esté deseleccionada (unchecked).

Configurando nuestro proyecto Android

La siguiente configuración será a nivel de nuestro proyecto, específicamente en nuestro androidmanifest.xml; agregaremos los siguientes permisos necesarios para el correcto funcionamiento de la SDK Wikitude:

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.ACCESS_GPS" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-feature android:name="android.hardware.camera" android:required="true" />
<uses-feature android:name="android.hardware.location" android:required="true" />
<uses-feature android:name="android.hardware.sensor.accelerometer" android:required="true" />
<uses-feature android:name="android.hardware.sensor.compass" android:required="true" />
<uses-feature android:glEsVersion="0x00020000" android:required="true" />

La actividad (activity) que vaya a manejar la Realidad Aumentada debe de agregar el siguiente atributo en el androidmanifest.xml:

<activity android:name="com.yourcompany.yourapp.youractivity"
   android:configChanges="screenSize|orientation"/>

El layout, de la actividad que vaya a manejar la Realidad Aumentada deber ser el siguiente; y debe de estar contenido dentro de un FrameLayout:

<com.wikitude.architect.ArchitectView android:id="@+id/architectView"
   android:layout_width="fill_parent" android:layout_height="fill_parent"/>

Estructura básica de Wikitude en nuestro proyecto Android

Por último crearemos la estructura base dentro de la carpeta asset y así tener la estructura de nuestro ARchitect worlds listo; quedando de la siguiente manera:

Recordar que dentro de nuestro documento HTML debe de incluirse una referencia a la API de ARchitect; quedando de la siguiente manera nuestro index.html:

<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title></title>
	<script src="architect://architect.js"></script>
</head>
<body>
</body>
</html>

Conclusiones

En esta primera entrega solo hemos configurado el ambiente base para utilizar esta librería; si corres el proyecto con las configuraciones explicadas; veras que no aparecerá nada muy emocionante en la pantalla; (una pantalla en negro probablemente); pero no desesperes, en próximas entrega veremos como trabajar con la Realidad Aumentada con esta increíble API; podrás encontrar el ejemplo completo en nuestro repositorio de github Android/WikitudeParteUno o haciendo clic aquí.

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz En Udemy