Universidad de Panamá
Campus Virtual
DIPLOMADO
TECNOLOGÍAS AVANZADAS WEB 2.0
Módulo IV
Realidad Aumentada Basada en Código...
Objetivo General
El propósito de esta módulo es lograr que los participantes
vivan la experiencia de realizar un modelo se...
¿ Qué esconde este Paisaje?
El Rostro de una Mujer, perfecto
Como ya saben, siempre que nos enfoquemos
podemos descubrir lo que a simple vista no se v...
¿Qué necesitamos para realizar
nuestro modelo de Realidad
Aumentada (RA)?
• Marcador (Marker)
• Cámara (Video o Web Cam)
•...
MARCADOR
CAMARA o
WEB CAM
Modelo 3d,
Video, Gráfico,
etc.
Computadora
con el
Programa de
RA
Pantalla de
Proyección
¿Qué necesitamos para realizar
nuestro modelo de Realidad
Aumentada (RA)?
Recuerden que hay varias formas de realizar
Real...
Un marcador o patrón es una imagen (generalmente impresa
en una hoja) que la computadora procesa, y de acuerdo a la
progra...
Marcadores “Marker”
Ejemplos:
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 ...
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 ...
Marcadores “Marker”
Creación de Marcadores
Creación de Marcadores
1. Descargar Artoolkit desde la página
http://www.hitl.washington.edu/artoolkit/download/
2. Selecc...
Creación de Marcadores
3. Seleccione la última versión estable
Creación de Marcadores
4. Guarde en el Archivo en su PC. Para esto, cree una
carpeta en el Mis documentos llamada RA y gua...
Creación de Marcadores
4. Guarde en el Archivo en su PC. Para esto, cree una
carpeta en el Mis documentos llamada RA y gua...
Creación de Marcadores
5. Descomprima el Archivo que descargo.
Creación de Marcadores
6. Abrimos la carpeta “PATTERN”.
Creación de Marcadores
7. Abrimos el archivo “blankPatt”, para crear nuestro
marcador.
Creación de Marcadores
8. Puede utilizar cualquier programa de imagen para editar
este archivo. Por defecto en Windows, ut...
Creación de Marcadores
9. En el recuadro en BLANCO creo el objeto de mi
preferencia.
U
P
Creación de Marcadores
Otro Ejemplo
Creación de Marcadores
10. Guarde el archivo con el nombre “demo.gif” en el
directorio PATTERNS y lo imprime.
U
P
Creación de Marcadores
Dos métodos para crear el Marcador
1. Cargando el archivo previamente
creado
2. Imprimiendo el arch...
Creación de Marcadores
Método 1
11. Ahora procederemos a crear el archivo .PAT (Archivo de
patrón que será reconocido en n...
Creación de Marcadores
12. Bajamos en la pagina hasta encontrar la opción 2. Una
vez encontramos la opción 2, le damos cli...
Creación de Marcadores
13. Se abrirá la siguiente pantalla, donde presionaremos el
botón PERMITIR, para activar la cámara
Creación de Marcadores
14. En “Mode Select”, escogemos la opción “Load Marker
Image”
Creación de Marcadores
15. Buscamos en nuestro directorio patterns el archivo
demo.gif y le decimos abrir. Con esto subimo...
Creación de Marcadores
Si todo ha ido bien, este debe ser el resultado.
Creación de Marcadores
16. Dejamos todas las características por defecto y
presionamos el botón GET PATTERN
Creación de Marcadores
17. Se nos muestra una ventana con el patrón y presionamos
el botón SAVE CURRENT
Creación de Marcadores
18. Guardamos nuestro patrón con el nombre demo.pat en
la carpeta PATTERNS. Presionamos el botón GU...
Creación de Marcadores
19. En la carpeta PATTERNS deben estar los archivos:
DEMO.GIF y DEMO.PAT
Creación de Marcadores
Método 2
20. Ahora procederemos a crear el archivo .PAT (Archivo de
patrón que será reconocido en n...
Creación de Marcadores
21. Bajamos en la pagina hasta encontrar la opción 2. Una
vez encontramos la opción 2, le damos cli...
Creación de Marcadores
22. Se abrirá la siguiente pantalla, donde presionaremos el
botón PERMITIR, para activar la cámara
Creación de Marcadores
23. En “Mode Select”, escogemos la opción “Camara Mode” y
presentamos nuestro Marcador impreso en p...
Creación de Marcadores
24. Dejamos todas las características por defecto y
presionamos el botón GET PATTERN
Creación de Marcadores
25. Se nos muestra una ventana con el patrón y presionamos
el botón SAVE CURRENT
Creación de Marcadores
26. Guardamos nuestro patrón con el nombre demo.pat en
la carpeta PATTERNS. Presionamos el botón GU...
Creación de Marcadores
27. En la carpeta PATTERNS deben estar los archivos:
DEMO.GIF y DEMO.PAT
Creación de Marcadores
Hasta aquí, hemos aprendido a crear nuestros propios
marcadores.
Tarea:
Crear un marcador (archivo ...
Sitios de Referencia
http://es.wikipedia.org/
http://www.google.com
http://www.hitl.washington.edu/artoolkit/download/
htt...
Próxima SlideShare
Cargando en...5
×

Realidad aumentada en_codigo_markers

899

Published on

0 comentarios
1 Me gusta
Estadísticas
Notas
  • Sea el primero en comentar

Sin descargas
reproducciones
reproducciones totales
899
En SlideShare
0
De insertados
0
Número de insertados
1
Acciones
Compartido
0
Descargas
17
Comentarios
0
Me gusta
1
Insertados 0
No embeds

No notes for slide

Realidad aumentada en_codigo_markers

  1. 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. 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. 3. ¿ Qué esconde este Paisaje?
  4. 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. 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. 6. MARCADOR CAMARA o WEB CAM Modelo 3d, Video, Gráfico, etc. Computadora con el Programa de RA Pantalla de Proyección
  7. 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. 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. 9. Marcadores “Marker” Ejemplos:
  10. 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. 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. 12. Marcadores “Marker” Creación de Marcadores
  13. 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. 14. Creación de Marcadores 3. Seleccione la última versión estable
  15. 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. 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. 17. Creación de Marcadores 5. Descomprima el Archivo que descargo.
  18. 18. Creación de Marcadores 6. Abrimos la carpeta “PATTERN”.
  19. 19. Creación de Marcadores 7. Abrimos el archivo “blankPatt”, para crear nuestro marcador.
  20. 20. Creación de Marcadores 8. Puede utilizar cualquier programa de imagen para editar este archivo. Por defecto en Windows, utilizo el PAINT
  21. 21. Creación de Marcadores 9. En el recuadro en BLANCO creo el objeto de mi preferencia. U P
  22. 22. Creación de Marcadores Otro Ejemplo
  23. 23. Creación de Marcadores 10. Guarde el archivo con el nombre “demo.gif” en el directorio PATTERNS y lo imprime. U P
  24. 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. 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. 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. 27. Creación de Marcadores 13. Se abrirá la siguiente pantalla, donde presionaremos el botón PERMITIR, para activar la cámara
  28. 28. Creación de Marcadores 14. En “Mode Select”, escogemos la opción “Load Marker Image”
  29. 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. 30. Creación de Marcadores Si todo ha ido bien, este debe ser el resultado.
  31. 31. Creación de Marcadores 16. Dejamos todas las características por defecto y presionamos el botón GET PATTERN
  32. 32. Creación de Marcadores 17. Se nos muestra una ventana con el patrón y presionamos el botón SAVE CURRENT
  33. 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. 34. Creación de Marcadores 19. En la carpeta PATTERNS deben estar los archivos: DEMO.GIF y DEMO.PAT
  35. 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. 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. 37. Creación de Marcadores 22. Se abrirá la siguiente pantalla, donde presionaremos el botón PERMITIR, para activar la cámara
  38. 38. Creación de Marcadores 23. En “Mode Select”, escogemos la opción “Camara Mode” y presentamos nuestro Marcador impreso en pantalla
  39. 39. Creación de Marcadores 24. Dejamos todas las características por defecto y presionamos el botón GET PATTERN
  40. 40. Creación de Marcadores 25. Se nos muestra una ventana con el patrón y presionamos el botón SAVE CURRENT
  41. 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. 42. Creación de Marcadores 27. En la carpeta PATTERNS deben estar los archivos: DEMO.GIF y DEMO.PAT
  43. 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. 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/
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×