1. Universidad de Panamá
Campus Virtual
DIPLOMADO
TECNOLOGÍAS AVANZADAS WEB 2.0
Módulo IV
Realidad Aumentada Basada en Código
Ing. Carlos A. Rodríguez P.
carlos.rodriguezp@up.ac.pa

2. Objetivo General
El propósito de esta módulo es lograr que los participantes
vivan la experiencia de realizar un modelo sencillo de
Realidad Aumentada basada en marcadores de posición.

3. ¿ Qué esconde este Paisaje?

4. El Rostro de una Mujer, perfecto
Como ya saben, siempre que nos enfoquemos
podemos descubrir lo que a simple vista no se ve.

5. ¿Qué necesitamos para realizar
nuestro modelo de Realidad
Aumentada (RA)?
• Marcador (Marker)
• Cámara (Video o Web Cam)
• Computadora (Con el programa de RA)
• Pantalla (LCD, Plasma). Esto es opcional
• Modelo 3D, Video, Gráfico. (Lo que vamos a
mostrar sobre el mundo real)

6. MARCADOR
CAMARA o
WEB CAM
Modelo 3d,
Video, Gráfico,
etc.
Computadora
con el
Programa de
RA
Pantalla de
Proyección

7. ¿Qué necesitamos para realizar
nuestro modelo de Realidad
Aumentada (RA)?
Recuerden que hay varias formas de realizar
Realidad Aumentada, en nuestros caso, vamos a
realizar un modelo de Realidad Aumentada basada
en marcadores de posición.
Para ello, empezaremos viendo que son los
Marcadores “Markers”

8. Un marcador o patrón es una imagen (generalmente impresa
en una hoja) que la computadora procesa, y de acuerdo a la
programación definida para esa imagen, le incorpora los
objetos 3D, Video, Gráficos, etc.
Marcadores “Markers”
¿Qué es?
Los Marcadores para Realidad Aumentada están realizados en
archivos de imágenes como .pdf o .gif (son los que se
utilizan para hacer la impresión) y en un archivo .pat o
.patt que guarda la codificación de la imagen.

9. Marcadores “Marker”
Ejemplos:

10. La computadora detectará el patrón de acuerdo a su tamaño
de impresión y a la distancia que tenga con la cámara.
Mientras más grande sea el patrón, más lejos de la cámara
debemos ubicarnos.
Marcadores “Marker”
Tamaño y Distancia

11. Marcadores “Marker”
Tamaño y Distancia
TAMAÑO DISTANCIA
16 x 16 cm 1.90 m
11 x 11 cm 1.30 m
7.5 x 7.5 cm 1.00 m
3.5 x 3.5 cm 0.40 m
1.3 x 1.3 cm 0.16 m

12. Marcadores “Marker”
Creación de Marcadores

13. Creación de Marcadores
1. Descargar Artoolkit desde la página
http://www.hitl.washington.edu/artoolkit/download/
2. Seleccione su Sistema Operativo (Window, Linux, MacOs)

14. Creación de Marcadores
3. Seleccione la última versión estable

15. Creación de Marcadores
4. Guarde en el Archivo en su PC. Para esto, cree una
carpeta en el Mis documentos llamada RA y guarde el
archivo allí.

16. Creación de Marcadores
4. Guarde en el Archivo en su PC. Para esto, cree una
carpeta en el Mis documentos llamada RA y guarde el
archivo allí.

17. Creación de Marcadores
5. Descomprima el Archivo que descargo.

18. Creación de Marcadores
6. Abrimos la carpeta “PATTERN”.

19. Creación de Marcadores
7. Abrimos el archivo “blankPatt”, para crear nuestro
marcador.

20. Creación de Marcadores
8. Puede utilizar cualquier programa de imagen para editar
este archivo. Por defecto en Windows, utilizo el PAINT

21. Creación de Marcadores
9. En el recuadro en BLANCO creo el objeto de mi
preferencia.
U
P

22. Creación de Marcadores
Otro Ejemplo

23. Creación de Marcadores
10. Guarde el archivo con el nombre “demo.gif” en el
directorio PATTERNS y lo imprime.
U
P

24. Creación de Marcadores
Dos métodos para crear el Marcador
1. Cargando el archivo previamente
creado
2. Imprimiendo el archivo en una hoja
en blanco, para luego presentarlo
utilizando nuestra cámara.
Veamos los dos métodos.

25. Creación de Marcadores
Método 1
11. Ahora procederemos a crear el archivo .PAT (Archivo de
patrón que será reconocido en nuestro modelo de RA)
Vamos al sitio
http://flash.tarotaro.org/blog/2009/07/12/mgo2/

26. Creación de Marcadores
12. Bajamos en la pagina hasta encontrar la opción 2. Una
vez encontramos la opción 2, le damos clic al enlace.

27. Creación de Marcadores
13. Se abrirá la siguiente pantalla, donde presionaremos el
botón PERMITIR, para activar la cámara

28. Creación de Marcadores
14. En “Mode Select”, escogemos la opción “Load Marker
Image”

29. Creación de Marcadores
15. Buscamos en nuestro directorio patterns el archivo
demo.gif y le decimos abrir. Con esto subimos el archivo

30. Creación de Marcadores
Si todo ha ido bien, este debe ser el resultado.

31. Creación de Marcadores
16. Dejamos todas las características por defecto y
presionamos el botón GET PATTERN

32. Creación de Marcadores
17. Se nos muestra una ventana con el patrón y presionamos
el botón SAVE CURRENT

33. Creación de Marcadores
18. Guardamos nuestro patrón con el nombre demo.pat en
la carpeta PATTERNS. Presionamos el botón GUARDAR

34. Creación de Marcadores
19. En la carpeta PATTERNS deben estar los archivos:
DEMO.GIF y DEMO.PAT

35. Creación de Marcadores
Método 2
20. Ahora procederemos a crear el archivo .PAT (Archivo de
patrón que será reconocido en nuestro modelo de RA)
Vamos al sitio
http://flash.tarotaro.org/blog/2009/07/12/mgo2/

36. Creación de Marcadores
21. Bajamos en la pagina hasta encontrar la opción 2. Una
vez encontramos la opción 2, le damos clic al enlace.

37. Creación de Marcadores
22. Se abrirá la siguiente pantalla, donde presionaremos el
botón PERMITIR, para activar la cámara

38. Creación de Marcadores
23. En “Mode Select”, escogemos la opción “Camara Mode” y
presentamos nuestro Marcador impreso en pantalla

39. Creación de Marcadores
24. Dejamos todas las características por defecto y
presionamos el botón GET PATTERN

40. Creación de Marcadores
25. Se nos muestra una ventana con el patrón y presionamos
el botón SAVE CURRENT

41. Creación de Marcadores
26. Guardamos nuestro patrón con el nombre demo.pat en
la carpeta PATTERNS. Presionamos el botón GUARDAR

42. Creación de Marcadores
27. En la carpeta PATTERNS deben estar los archivos:
DEMO.GIF y DEMO.PAT

43. Creación de Marcadores
Hasta aquí, hemos aprendido a crear nuestros propios
marcadores.
Tarea:
Crear un marcador (archivo .gif y .pat), y
remitírmelo por correo electrónico utilizando el
sistema de mensajería de la plataforma virtual.

44. Sitios de Referencia
http://es.wikipedia.org/
http://www.google.com
http://www.hitl.washington.edu/artoolkit/download/
http://flash.tarotaro.org/blog/2009/07/12/mgo2/