Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Junaio Glue, Realidad Aumentada NFT a lo fácil

21,709 views

Published on

Tutorial de Junaio GLUE con imagen 3D

Published in: Education
  • Be the first to comment

Junaio Glue, Realidad Aumentada NFT a lo fácil

  1. 1. AR Workshop<br />HelloaugmentEDworld!<br />Raúl Reinoso <br />www.aumenta.me<br />
  2. 2. GlueClannelCreator<br />Vamos a crear nuestro primer <br />Canal GLUE para Junaio empleando<br />GLUE CHANNEL CREATOR<br />www.aumenta.me<br />
  3. 3. GlueClannelCreator<br />Junaio GLUE nos<br />permite“pegar” contenido AR a <br />una imagen<br />www.aumenta.me<br />
  4. 4. GlueClannelCreator<br />Y sin escribir ni una<br /> línea de código<br />de programación<br />www.aumenta.me<br />
  5. 5. GlueClannelCreator<br />Primero tienes que registrarte<br /> como desarrollador en Junaio,<br />es gratuito<br />www.aumenta.me<br />
  6. 6. GlueClannelCreator<br />http://www.junaio.com/publisher<br />www.aumenta.me<br />
  7. 7. GlueClannelCreator<br />A continuación accede a GLUE <br />ChannelCreator<br />http://creator.junaio.com/<br />www.aumenta.me<br />
  8. 8. GlueClannelCreator<br />Introduce tu nombre<br />deusuario y contraseña<br />http://creator.junaio.com/<br />www.aumenta.me<br />
  9. 9. GlueClannelCreator<br />Haz click en “Create<br />new GLUE channel”<br />www.aumenta.me<br />
  10. 10. GlueClannelCreator<br />Indica los datos de configuración de<br /> tu canal en “ChannelConfiguration”<br />www.aumenta.me<br />
  11. 11. GlueClannelCreator<br />Elnombredel canal<br />www.aumenta.me<br />
  12. 12. GlueClannelCreator<br />Iconoasociado<br /> al canal<br />www.aumenta.me<br />
  13. 13. GlueClannelCreator<br />Descripcióndel canal<br />www.aumenta.me<br />
  14. 14. GlueClannelCreator<br />Categoríaadecuada<br />www.aumenta.me<br />
  15. 15. GlueClannelCreator<br />Visibilidaddel canal<br />www.aumenta.me<br />
  16. 16. GlueClannelCreator<br />Regiónen la que<br />el canal será visible<br />www.aumenta.me<br />
  17. 17. GlueClannelCreator<br />Una vez que has indicado los <br />datos de configuración de tu<br />canal pulsa “Create”<br />www.aumenta.me<br />
  18. 18. GlueClannelCreator<br />Tunuevo canal <br />aparece en la tabla<br />www.aumenta.me<br />
  19. 19. GlueClannelCreator<br />Haz click en tu<br />nuevo canal <br />www.aumenta.me<br />
  20. 20. GlueClannelCreator<br />Haz click en <br />“Addcomponents”<br />www.aumenta.me<br />
  21. 21. GlueClannelCreator<br />Tenemos la posibilidad de añadir<br />vídeo (mp4) omodelos 3D (MD2)<br />www.aumenta.me<br />
  22. 22. GlueClannelCreator<br />En este tutorial incluiremos <br />una imagen 3D<br />www.aumenta.me<br />
  23. 23. GlueClannelCreator<br />Haz click en <br />“3D modelcomponent”<br />www.aumenta.me<br />
  24. 24. GlueClannelCreator<br />Indica un título para<br /> el modelo 3D<br />www.aumenta.me<br />
  25. 25. GlueClannelCreator<br />Selecciona tu modelo MD2<br />www.aumenta.me<br />
  26. 26. GlueClannelCreator<br />En esta ocasión se ha seleccionado<br />un modelo de la galería de Junaio<br />www.aumenta.me<br />
  27. 27. GlueClannelCreator<br />Ahora vamos a añadir<br />la imagen de rastreo que <br />queremosque sea reconocida<br />www.aumenta.me<br />
  28. 28. GlueClannelCreator<br />www.aumenta.me<br />
  29. 29. GlueClannelCreator<br />OK, aquí está<br />www.aumenta.me<br />
  30. 30. GlueClannelCreator<br />Los modelos 3D MD2 pueden<br />contener animaciones, podemos<br />configurar como tendrán lugar<br />Añadimos información que <br />aparecerá cuando se haga click en el modelo 3D<br />www.aumenta.me<br />
  31. 31. GlueClannelCreator<br />Cambiamos el tamaño,<br /> posición, rotación <br />del modelo 3D<br />www.aumenta.me<br />
  32. 32. GlueClannelCreator<br />Los modelos 3D MD2 pueden<br />contener animaciones, podemos<br />configurar como tendrán lugar<br />www.aumenta.me<br />
  33. 33. GlueClannelCreator<br />En nuestro caso vamos a<br />establecer que la animación se produzca <br />en todo momento<br />www.aumenta.me<br />
  34. 34. GlueClannelCreator<br />Finalmente pulsa <br />en “Create”<br />www.aumenta.me<br />
  35. 35. GlueClannelCreator<br />Ha llegado el momento<br />de probar nuestro canal<br />www.aumenta.me<br />
  36. 36. GlueClannelCreator<br />Pulsamos en “Test Channel”<br />www.aumenta.me<br />
  37. 37. GlueClannelCreator<br />Seleccionamos nuestro componente<br />www.aumenta.me<br />
  38. 38. GlueClannelCreator<br />Ahora tenemos<br />que emplear<br />el smartphone<br />www.aumenta.me<br />
  39. 39. GlueClannelCreator<br />Debemos tener instalado Junaio<br />en el smartphone e introducir<br />nuestro usuario y contraseña<br />www.aumenta.me<br />
  40. 40. GlueClannelCreator<br />Accedemos a Junaio<br />www.aumenta.me<br />
  41. 41. GlueClannelCreator<br />Pulsamos en Mi Junaio<br />www.aumenta.me<br />
  42. 42. GlueClannelCreator<br />Introducimos nuestro <br />usuario y contraseña<br />www.aumenta.me<br />
  43. 43. GlueClannelCreator<br />Accedemos a favoritos<br />www.aumenta.me<br />
  44. 44. GlueClannelCreator<br />Seleccionamos<br />el canal creado<br />www.aumenta.me<br />
  45. 45. GlueClannelCreator<br />Iniciamosel canal<br />www.aumenta.me<br />
  46. 46. GlueClannelCreator<br />Toma la imagen de <br />rastreocon la cámara<br />www.aumenta.me<br />
  47. 47. GlueClannelCreator<br />¡Funciona<br />correctamente!<br />www.aumenta.me<br />
  48. 48. GlueClannelCreator<br />Para compartir tu canal tienes que<br />ir a la web de Junaio, loguearte y <br />acceder a “Developer/My Channels”<br />www.aumenta.me<br />
  49. 49. GlueClannelCreator<br />Aquí dispones<br />de un listado de <br />tus canales<br />www.aumenta.me<br />
  50. 50. GlueClannelCreator<br />Obtén el código <br />QR del canal<br /> y compártelo<br />www.aumenta.me<br />
  51. 51. GlueClannelCreator<br />Scanning<br />www.aumenta.me<br />
  52. 52. GlueClannelCreator<br />El códiqo QR llevará a los usuarios al AndroidMarket o al AppStore si <br />no tienen instalada la aplicación<br />www.aumenta.me<br />
  53. 53. GlueClannelCreator<br />A continuación se abrirá Junaio<br />con el canal que compartes<br />www.aumenta.me<br />
  54. 54. GlueClannelCreator<br />Al visualizarse la imagen de<br />rastreo establecida, aparecerá<br />sobre ella nuestro modelo 3D <br />www.aumenta.me<br />
  55. 55. GlueClannelCreator<br />www.aumenta.me<br />
  56. 56. GlueClannelCreator<br />www.aumenta.me<br />HelloaugmentEDworld!<br />

×