{"id":17844,"date":"2021-11-18T15:59:35","date_gmt":"2021-11-18T20:59:35","guid":{"rendered":"https:\/\/niixer.com\/?p=17844"},"modified":"2021-11-18T15:59:36","modified_gmt":"2021-11-18T20:59:36","slug":"crear-una-historia-interactiva-de-realidad-virtual-con-blippar","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2021\/11\/18\/crear-una-historia-interactiva-de-realidad-virtual-con-blippar\/","title":{"rendered":"Crear una historia interactiva de realidad virtual con blippar"},"content":{"rendered":"\n

Imagina crear una historia de terror con elementos f\u00edsicos y virtuales los cuales creen una historia mas inmersiva sobre el entorno en el que nos encontramos . En este articulo te explicaremos como realizarlo con el uso de el sitio web Blippar y su aplicaci\u00f3n para m\u00f3viles.\u00a0<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Crear proyecto<\/strong><\/h1>\n\n\n\n

Ingresa a la pagina oficial de Blippar <\/a>,registrate creando una cuenta de usuario adem\u00e1s de confirmar tu cuenta con el correo electr\u00f3nico .<\/p>\n\n\n\n

\"\"
figura 1 logeo de la paguina<\/figcaption><\/figure><\/div>\n\n\n\n

Busca la opci\u00f3n \u201d CREATE AN APP PROJECT\u201d , Tendr\u00e1s que escocer la imagen o im\u00e1genes que podremos escanear para iniciar el proyecto  .<\/p>\n\n\n\n

\"\"\/
figura 2 Crear proyecto<\/figcaption><\/figure><\/div>\n\n\n\n

A continuaci\u00f3n se encontrar\u00e1n en la mesa de trabajo para la integraci\u00f3n de la realidad aumentada con objetos virtuales a su lado izquierdo y los par\u00e1metros de estos a su lado derecho.<\/p>\n\n\n\n

\"\"\/
figura 3 definiciones<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n

Escena 1<\/strong><\/h1>\n\n\n\n

Para integrar cualquier objeto es necesario arrastrar este a la mesa de trabajo para su inserci\u00f3n .inicial mente a\u00f1adiremos un texto el cual se encontrar\u00e1 ubicado en la secci\u00f3n de los objetos.<\/p>\n\n\n\n

\"\"\/
figura 4 incertar texto<\/figcaption><\/figure><\/div>\n\n\n\n

Una vez a\u00f1adido pulsaremos sobre el texto \u201csample text\u201d de esta manera los seleccionaremos para hacer su edici\u00f3n en el cuadro de par\u00e1metros , En el apartado de label podremos modificar el texto y el color de este ,a\u00f1adiremos el texto toca el engranaje .<\/p>\n\n\n\n

\"\"\/
figura 5 edicion texto<\/figcaption><\/figure><\/div>\n\n\n\n

Objetos 3d<\/strong><\/h1>\n\n\n\n

A\u00f1adiremos en la secci\u00f3n de objetos un engranaje <\/p>\n\n\n\n

\"\"\/
figura 6 a\u00f1adir 3d<\/figcaption><\/figure><\/div>\n\n\n\n

Modificaremos en par\u00e1metros su textura en \u201cBasic properties\u201d en el apartado texture \u201cAdd texture file\u201d ,donde a\u00f1adiremos la imagen de textura en \u201cadd new\u201d o podremos usar otras im\u00e1genes a\u00f1adidas previamente .<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
\"\"
figura 7 textura<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

En el mismo lugar de par\u00e1metros buscaremos \u201cAction (on touch)\u201d\u00a0 seleccionamos video y posteriormente a\u00f1adiremos este en \u201cadd video file\u201d\u00a0 de la misma forma como a\u00f1adimos las im\u00e1genes seleccionaremos el fragmento del video\u00a0 o lo a\u00f1adiremos a la biblioteca.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
\"\"
figura 8 video<\/figcaption><\/figure>\n\n\n\n

a\u00f1adiremos en la secci\u00f3n de objetos \/ widgets el \u00edtem de \u201ctake a selfie\u201d <\/p>\n\n\n\n

\"\"
figura 9 a\u00f1adir camara<\/figcaption><\/figure><\/div>\n\n\n\n

en sus par\u00e1metros buscaremos \u201cAction (on touch)\u201d  y en \u201cphoto foreground\/frame\u201d colocaremos una imagen png que se propondr\u00e1 en la c\u00e1mara .<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
\"\"
figura 10 selfi con png<\/figcaption><\/figure>\n\n\n\n

Al final  a\u00f1adiremos 3 textos con solo edici\u00f3n de su nombre y organizaremos todo de esta manera .<\/p>\n\n\n\n

\"\"\/
figura 11 ejemplo<\/figcaption><\/figure><\/div>\n\n\n\n

rearemos las escenas correspondientes a los fragmentos de video utilizados .<\/p>\n\n\n\n

\"\"\/
figura 12 ecenas <\/figcaption><\/figure>\n\n\n\n

en el texto de escucha la siguiente historia y a\u00f1adiendo un elemento de pesta\u00f1a en la parte de objetos  usaremos el apartado de par\u00e1metros \u201caction(on touch)\u201d  y usaremos \u201cgo to scene\u201d  para dirigirnos a la escena 2 .<\/p>\n\n\n\n

\"\"\/
figura 13 cambio de ecena<\/figcaption><\/figure><\/div>\n\n\n\n

Efectos en el tiempo<\/strong><\/h1>\n\n\n\n

En la parte de par\u00e1metros encontraremos al final de este la secci\u00f3n de \u201cmotion effects \u201d los cuales producir\u00e1n efectos sobre los objetos puedes probar a que hace cada uno de estos , es realmente sencillo de verlos ,solo tendr\u00e1 que arrastrarlos a la l\u00ednea del objeto a afectar <\/p>\n\n\n\n

\"\"\/
<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"\/
figura 14 efectos<\/figcaption><\/figure><\/div>\n\n\n\n

ahora configuraremos los efectos de esta manera ,tenga en cuenta la casilla de segundos .<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
\"\"\/
figura 15 ejemplo efectos<\/figcaption><\/figure>\n\n\n\n

Escena 2 <\/p>\n\n\n\n

A\u00f1adimos dos textos  , donde el texto de escucha la siguiente historia tendr\u00e1 el apartado de par\u00e1metros \u201caction(on touch)\u201d  y usaremos \u201cgo to scene\u201d  para dirigirnos a la escena 3 adem\u00e1s del bot\u00f3n de pesta\u00f1a de \u201c3d shapes\u201d con la misma configuraci\u00f3n del apartado anterior para el cambio de escena  . <\/p>\n\n\n\n

\"\"\/
figura 16 ecena 2<\/figcaption><\/figure><\/div>\n\n\n\n

Podemos hacer uso de varios objetos 3d para crear uno ,superponiendo unos sobre otros ,en este caso usamos un rect\u00e1ngulo y dos banners para crear un espejo y en todos los objetos en la secci\u00f3n de sus par\u00e1metros buscaremos \u201cAction (on touch)\u201d  seleccionamos video y posteriormente a\u00f1adiremos este en \u201cadd video file\u201d adem\u00e1s de a\u00f1adir las texturas .<\/p>\n\n\n\n

modificamos sus efectos de la siguiente manera y listo .<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
\"\"\/
figura 17 ejemplo de efectos ecena 2<\/figcaption><\/figure>\n\n\n\n

Testeo de el proyecto<\/strong><\/h1>\n\n\n\n

Una vez configurado el proyecto pulsaremos en el bot\u00edn de preview el cual nos generara un c\u00f3digo para el testeo , finalmente pulsaremos public to test .<\/p>\n\n\n\n

\"\"\/
figura 18 testing<\/figcaption><\/figure>\n\n\n\n

Inicia la aplicaci\u00f3n blippar en tu celular en la esquina superior izquierda encontraras una tuerca y en el apartado \u201cintroduce un c\u00f3digo promocional\u201d colocaras el testcodes .<\/p>\n\n\n\n

Autor: Neider Alberto Calderon Parra<\/p>\n\n\n\n

Editor: Carlos Pinzon<\/p>\n\n\n\n

codigo: UCRV-8<\/p>\n\n\n\n

Universidad :Universidad central<\/p>\n\n\n\n

Fuentes:<\/h3>\n\n\n\n