{"id":346,"date":"2016-01-08T07:13:33","date_gmt":"2016-01-08T07:13:33","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/?p=346"},"modified":"2016-01-08T07:13:33","modified_gmt":"2016-01-08T07:13:33","slug":"fugida-del-laberint-vr","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/2016\/01\/08\/fugida-del-laberint-vr\/","title":{"rendered":"Hu\u00edda del Laberinto &#8211; VR"},"content":{"rendered":"<p><figure style=\"width: 652px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/cv.uoc.edu\/web\/~albemartinezgo\/RV\/images\/Laberint.jpg\" alt=\"Fugida del Laberint - VR\" width=\"652\" height=\"403\" \/><figcaption class=\"wp-caption-text\">Autor: Alberto Martinez<\/figcaption><\/figure><\/p>\n<p>Esta pr\u00e1ctica es un juego en 3D en primera persona, donde tendremos como objetivo huir de un laberinto en el que estamos atrapados. Para poder conseguirlo, tendremos la ayuda de un visor que nos posicionar\u00e1 dentro del mismo laberinto y el cual podremos ver desde un plano cenital.<\/p>\n<p>Como se puede apreciar a simple vista, la din\u00e1mica del juego es muy sencilla, aunque tiene la particularidad de estar dise\u00f1ado para poder ser jugado en un dispositivo de visi\u00f3n estereosc\u00f3pica, como pueden ser unas\u00a0<a href=\"https:\/\/www.oculus.com\">Oculus Rift<\/a> o en su defecto (y mucho m\u00e1s econ\u00f3micas) unas <a href=\"https:\/\/www.google.com\/get\/cardboard\/\">Google Cardboard<\/a>.<\/p>\n<h2>Descripci\u00f3n<\/h2>\n<hr \/>\n<p>El motor del juego est\u00e1 programado completamente en Javascript y ejecutado bajo una p\u00e1gina en HTML. Se ha utilizado para ello la librer\u00eda\u00a0<a href=\"http:\/\/threejs.org\/\">three.js<\/a>\u00a0para generar las im\u00e1genes en 3D, as\u00ed como el movimiento del personaje que se realiza con el teclado y la vista (c\u00e1mara) del mismo utilizando el rat\u00f3n. Se ha usado tambi\u00e9n la librer\u00eda StereoEffect.js para conseguir la vista estereosc\u00f3pica del mismo.<\/p>\n<p>Hay una versi\u00f3n m\u00e1s <em>light<\/em> de la misma (sin texturas ni otros elementos pesados) que se puede cargar directamente desde el tel\u00e9fono m\u00f3vil. Para ello he utilizado las librer\u00edas\u00a0<a href=\"https:\/\/github.com\/mattdesl\/three-orbit-controls\">OrbitControls.js<\/a>\u00a0y as\u00ed sustituir los movimientos del rat\u00f3n por los sensores del propio dispositivo.<\/p>\n<p>En cuanto al dispositivo de visi\u00f3n he hecho servir una imitaci\u00f3n de las Google Cardboard compradas por internet. Muy econ\u00f3micas y sencillas de utilitzar, tienen un rendimiento suficiente para poder apreciar la sensaci\u00f3n de inmersi\u00f3n que nos situar\u00e1 dentro del laberinto del juego. Es muy f\u00e1cil utilizarlas, ya que solamente tenemos que introducir nuestro <em>smartphone<\/em> i ja podremos disfrutar.<\/p>\n<p>Para poder jugar a la versi\u00f3n <em>total<\/em> del juego he utilizado una aplicaci\u00f3n llamada <a href=\"http:\/\/www.kinoni.com\/rd_nokia.html\">Kinoni Remote Desktop<\/a>, la cual puede mostrar en nuestro tel\u00e9fono m\u00f3vil lo que se est\u00e1 reproduciendo en la pantalla del ordenador. As\u00ed pues, en el ordenador se ejecuta la versi\u00f3n completa del juego i se puede ver sin problemas en el dispositivo (dependiendo de la potencia del mismo se puede encontrar un poco de\u00a0<em>lagging<\/em>). Adem\u00e1s, tiene la particularidad de utilizar los sensores de posicionamiento del m\u00f3vil para simular el movimiento del rat\u00f3n. Para las pruebas he utilizado un smartphone <em>BQ Aquaris E4.5<\/em>\u00a0con sistema operativo\u00a0<em>Android 5.0<\/em> (<em>Lollipop<\/em>).<\/p>\n<p>Con toda esta instalaci\u00f3n y utilizando solamente el teclado para mover a nuestro sujeto virtual, podremos disfrutar de este juego e intentar huir del maldito laberinto.<\/p>\n<h2>Referentes<\/h2>\n<hr \/>\n<p>Para hacer esta pr\u00e1ctica se ha partido de la versi\u00f3n inicial del juego del Laberinto, donde la din\u00e1mica era la misma que en \u00e9sta pero menos desarrollada.<\/p>\n<p>La actualizaci\u00f3n que se ha hecho ha sido implementar todo el c\u00f3digo necesario, as\u00ed como instalar las aplicaciones externas apropiadas, para poder utilizarla con un dispositivo de inmersi\u00f3n como son las <em>Google Cardboard<\/em>.<\/p>\n<p><a href=\"https:\/\/vimeo.com\/144528493\">Laberint<\/a>\u00a0from <a href=\"https:\/\/vimeo.com\/user11083327\">Alberto Martinez<\/a> on <a href=\"https:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\n<h2>Resultado final<\/h2>\n<hr \/>\n<p>Podemos ver el resultado final en este v\u00eddeo:<\/p>\n<p><a href=\"https:\/\/vimeo.com\/149045453\">Fugida del Laberint VR<\/a> from <a href=\"https:\/\/vimeo.com\/user11083327\">alberTTo<\/a> on <a href=\"https:\/\/vimeo.com\">Vimeo<\/a>.<\/p>\n<p>Y lo podemos encontrar para probarlo aqu\u00ed :<\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"http:\/\/cv.uoc.edu\/web\/~albemartinezgo\/RV\/laberint.html\">Versi\u00f3n completa<\/a><\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/cv.uoc.edu\/web\/~albemartinezgo\/RV\/laberint_min.html\">Versi\u00f3n ligera<\/a><\/li>\n<li style=\"text-align: justify\"><a href=\"http:\/\/cv.uoc.edu\/web\/~albemartinezgo\/MatFis\/PR1\/laberint.html\">Versi\u00f3n previa<\/a><\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Esta pr\u00e1ctica es un juego en 3D en primera persona, donde tendremos como objetivo huir de un laberinto en el que estamos atrapados. Para poder conseguirlo, tendremos la ayuda de un visor que nos posicionar\u00e1 dentro del mismo laberinto y el cual podremos ver desde un plano cenital. Como se puede apreciar a simple vista, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/2016\/01\/08\/fugida-del-laberint-vr\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abHu\u00edda del Laberinto &#8211; VR\u00bb<\/span><\/a><\/p>\n","protected":false},"author":95,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[49,101,100,76,99],"class_list":["post-346","post","type-post","status-publish","format-standard","hentry","category-estudiants","tag-3d","tag-google-cardboard","tag-javascript","tag-videojoc","tag-vr","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/wp-json\/wp\/v2\/posts\/346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/wp-json\/wp\/v2\/users\/95"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/wp-json\/wp\/v2\/comments?post=346"}],"version-history":[{"count":25,"href":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/wp-json\/wp\/v2\/posts\/346\/revisions"}],"predecessor-version":[{"id":587,"href":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/wp-json\/wp\/v2\/posts\/346\/revisions\/587"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/wp-json\/wp\/v2\/media?parent=346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/wp-json\/wp\/v2\/categories?post=346"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/rv\/es\/wp-json\/wp\/v2\/tags?post=346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}