{"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\/2016\/01\/08\/fugida-del-laberint-vr\/","title":{"rendered":"Fugida del Laberint – VR"},"content":{"rendered":"

\"Fugida
Autor: Alberto Martinez<\/figcaption><\/figure><\/p>\n

Aquesta pr\u00e0ctica \u00e9s un joc en 3D en primera persona on tenim l’\u00fanic objectiu de fugir d’un laberint en el qual estem atrapats. Per poder aconseguir-ho, ens podrem fer servir de l’ajuda d’un visor que ens localitza dins del mateix laberint i el qual podem veure des d’un pla zenital.<\/p>\n

Com es pot apreciar a simple vista, la din\u00e0mica del joc \u00e9s molt senzilla, per\u00f2 la particularitat que t\u00e9 \u00e9s que est\u00e0 dissenyat per ser jugat amb un dispositiu de visi\u00f3 estereosc\u00f2pica com poden ser unes Oculus Rift<\/a> o en el seu defecte (i molt m\u00e9s econ\u00f2mic) unes Google Cardboard<\/a>.<\/p>\n

Descripci\u00f3<\/h2>\n
\n

El motor del joc est\u00e0 programat completament en Javascript i executat sota una p\u00e0gina en HTML. S’ha fet servir la llibreria\u00a0three.js<\/a> per generar les imatges en 3D, aix\u00ed com el moviment del personatge amb el teclat i la vista (c\u00e0mera) del mateix amb el ratol\u00ed; \u00a0i la llibreria StereoEffect.js per aconseguir una vista estereosc\u00f2pica del mateix.<\/p>\n

Hi ha una versi\u00f3 m\u00e9s light<\/em>\u00a0(sense textures i altres elements pesats) que es pot carregar directament des del tel\u00e8fon m\u00f2bil. Aqu\u00ed he fet servir les llibreries OrbitControls.js<\/a> per substituir els moviments del ratol\u00ed pels sensors del propi dispositiu.<\/p>\n

Quant al dispositiu de visi\u00f3, he fet servir una imitaci\u00f3 de les Google Cardboard comprades per internet. Molt econ\u00f2miques i senzilles d’utilitzar, tenen un rendiment suficient per poder apreciar una sensaci\u00f3 d’immersi\u00f3 que ens situar\u00e0 dins del laberint del joc. S\u00f3n molt f\u00e0cil de fer-les servir, ja que nom\u00e9s hem d’introduir el nostre smartphone<\/em> i ja en podrem gaudir.<\/p>\n

Per poder jugar a la versi\u00f3 total<\/em>\u00a0del joc he utilitzat una aplicaci\u00f3 anomenada Kinoni Remote Desktop<\/a>, la qual pot mostrar al nostre tel\u00e8fon m\u00f2bil el que estem reproduint a la pantalla de l’ordinador. Aix\u00ed doncs, a l’ordinador s’executa la versi\u00f3 completa del joc i es veu sense problemes al dispositiu (depenent de la pot\u00e8ncia del mateix es pot trobar una mica de lagging<\/em>). A m\u00e9s a m\u00e9s, t\u00e9 la particularitat de fer servir els sensors de posicionament del m\u00f2bil per simular el moviment del ratol\u00ed. Per les proves he fet servir un smartphone BQ Aquaris E4.5<\/em> amb sistema operatiu Android 5.0<\/em> (Lollipop<\/em>).<\/p>\n

Amb tota aquesta instal\u00b7laci\u00f3 i fent servir nom\u00e9s el teclat per moure el nostre personatge, podrem gaudir d’aquest joc i provar de fugir del male\u00eft laberint.<\/p>\n

Referents<\/h2>\n
\n

Per fer aquesta pr\u00e0ctica s’ha partit de la versi\u00f3 inicial del joc del Laberint, on la din\u00e0mica \u00e9s la mateixa que en aquesta. L’actualitzaci\u00f3 que s’ha fet ha estat implementar tot el codi necessari, aix\u00ed com instal\u00b7lar les aplicacions externes apropiades, per tal de poder fer-la servir amb un dispositiu d’immersi\u00f3 com s\u00f3n les Google Cardboard.<\/p>\n

Laberint<\/a> from Alberto Martinez<\/a> on Vimeo<\/a>.<\/p>\n

Resultat final<\/h2>\n
\n

Podem veure el resultat final en aquest v\u00eddeo<\/p>\n

Fugida del Laberint VR<\/a> from alberTTo<\/a> on Vimeo<\/a>.<\/p>\n

Es pot trobar en les seg\u00fcents adreces:<\/p>\n