Reto 2: Target RA (Silver Surfer)

RETO 2: TARGET RA (SILVER SURFER) Este documento es una guía o pequeño tutorial que muestra los pasos a seguir para afrontar con éxito la actividad que vamos a realizar.

Nuestro objetivo es llegar a visualizer un objeto en una tarjeta:

Los pasos a seguir son los siguientes: 1. Nos colocamos en la pestaña Projects y le damos al botón NEW

ÍTALO DE JESÚS (SALNÉS CAMPUS)

1

RETO 2: TARGET RA (SILVER SURFER) 2. Ponemos el nombre a nuestro proyecto y dejamos la opción por defecto 3D

3. Dentro de la interfaz de unity en la pestaña GameObject buscamos Vuforia Engine y seleccionamos AR Camera

ÍTALO DE JESÚS (SALNÉS CAMPUS)

2

RETO 2: TARGET RA (SILVER SURFER)

4. Hacemos lo mismo que anteriormente pero de esta vez seleccionamos Image

5. Deberiamos quedar con esta configuración (Recuadro Izquierdo). Seleccionamos ImageTarget. Si nos fijamos en el inspector nos da una alerta a la derecha: Vuforia is not enabled.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

3

RETO 2: TARGET RA (SILVER SURFER)

6. Para activarlo iremos a File, Build Settings

7. Nos abrirá una nueva ventana, pulsamos Player Settings…

ÍTALO DE JESÚS (SALNÉS CAMPUS)

4

RETO 2: TARGET RA (SILVER SURFER)

8. Vamos a la pestaña Player y en XR Settings activamos Vuforia…

9. Como podemos comprobar ahora nos permite darle al Botón Add Target, lo pulsamos y se nos abrirá el navegador web con la página de Vuforia.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

5

RETO 2: TARGET RA (SILVER SURFER)

10. Nos registramos en Vuforia, que es nuestro Plugin de realidad Aumentada.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

6

RETO 2: TARGET RA (SILVER SURFER)

11. Una vez tengamos creada la cuenta y confirmada (hay que ir al correo electrónico para confirmar), accedemos a la cuenta para empezar a configurar nuestra cuenta, que se sincronizará con nuestro proyecto.

Ya dentro de nuestro panel de Vuforia, en la pestaña License Manager haremos click en Get Development Key

12. Ahora debemos introducir el nombre de nuestra aplicación y a continuación pulsamos Confirm.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

7

RETO 2: TARGET RA (SILVER SURFER)

13. Nos aparecerá una lista de aplicaciones, entramos en la nuestra haciendo click en el nombre.

14. Una vez dentro copiaremos la clave de nuestra aplicación que son una serie de caracteres aleatorios para pegar dentro de nuestro proyecto Unity.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

8

RETO 2: TARGET RA (SILVER SURFER)

15. Volvemos a Unity y buscamos nuestra ARCamera, la seleccionamos y en el inspector buscamos el botón Open Vuforia Engine configuration.

16. Automáticamente se nos abre el inspector de la configuración de Vuforia, buscamos el hueco donde pegar nuestra clave copiada anteriormente, botón derecho, Paste.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

9

RETO 2: TARGET RA (SILVER SURFER)

17. Quedaría algo así:

ÍTALO DE JESÚS (SALNÉS CAMPUS)

10

RETO 2: TARGET RA (SILVER SURFER)

18. Ahora volvemos a nuestra web de Vuforia y seleccionamos la pestaña Target Manager y a continuación pulsamos Add Database

19. Le ponemos un nombre a nuestra base de datos por ejemplo miBaseDeDatos y le damos a Create.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

11

RETO 2: TARGET RA (SILVER SURFER)

20. Ahora nos sale una lista de bases de datos, hacemos click en el nombre de nuestra base de datos.

21. Una vez dentro vamos a añadir nuestro primer Target.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

12

RETO 2: TARGET RA (SILVER SURFER)

22. Dejamos seleccionado por defecto Single Image que en esta práctica es lo que usaremos, subimos la imagen dándole click en Browse, debe ser jpg o png y máximo 2mb. Subiremos nuestro capoeirista.

Nos pide la distancia, la unidad que utiliza es metros y como nuestra tarjeta mide 3cm pondremos 0.03m Le damos un nombre descriptivo y le pulsamos Add.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

13

RETO 2: TARGET RA (SILVER SURFER) 23. La imagen se subirá al servidor de Vuforia y se procesará el algoritmo, como podemos observar pone Processing, si no se cambia el estado le damos a refrescar la página hasta que nos salga las estrellas que representa la calidad de nuestra imagen.

24. Ahora que ya está procesado nuestro target nos descargaremos la base de datos a nuestro proyecto.

25. Para descargar seleccionamos Unity Editor y hacemos click en Download.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

14

RETO 2: TARGET RA (SILVER SURFER)

26. Cuando se descargue, lo abrimos en nuestro caso Firefox nos pregunta si queremos hacerlo pulsando Aceptar, si lo has descargado en Chrome simplemente hacemos click en nuestro fichero al finalizar la descarga.

27. Se nos abrirá Unity y nos saltará una pequeña ventana preguntándonos si queremos importar dicho paquete. Pulsamos Import.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

15

RETO 2: TARGET RA (SILVER SURFER)

28. A continuación Seleccionamos nuestro ImageTarget y en el Inspector podemos ver que ahora tenemos dos base de datos, seleccionamos la nuestra miBaseDeDatos.

29. Al cambiar la base de datos automáticamente cargará el único target que tenemos, nuestro capoeirista.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

16

RETO 2: TARGET RA (SILVER SURFER)

30. Ahora sólo nos queda añadir el 3D que quremos aumentar por encima de nuestra tarjeta, para ejemplo usaré un cubo simple.

Seleccionamos ImageTarget, bóton derecho sobre él, 3D Object, Cube.

31. Nos saldrá un cubo encima de la imagen, es importante que lo movamos ya que no debe solapar nuestro target.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

17

RETO 2: TARGET RA (SILVER SURFER) Para ello pulsamos en la parte superior izquierda el botón de Move y a continuación haciendo click en la flecha verde, sin soltarlo lo movemos un poco hacia arriba quedando las coordenadas algo parecido a lo que podemos ver en el inspector a la derecha.

32. Ahora pulsamos el botón de Play en la parte superior y podemos comprobar el funcionamiento en la WebCam de nuestro portátil.

ÍTALO DE JESÚS (SALNÉS CAMPUS)

18