GUIA DE DESARROLLO E

IMPLEMENTACIÓN DE UN RECORRIDO
VIRTUAL 360° EN UNITY
En la presente guía se mostrará cómo desarrollar un recorrido virtual 360° con la
plataforma unity con su respectiva implementación, a continuación se indicara los pasos
correspondientes para ello.
1. Para poder iniciar con el desarrollo se debe crear un proyecto en unity con un nombre
referido al proyecto.
2. A su vez se debe tener descargado shader y la esfera que ayudan en la navegación,
para extraer solo es necesario arrastrar la carpeta hacia la carpeta llamada assets en
unity, a partir de este enlace:
https://www.dropbox.com/s/xwohog65dqt3n7j/360%20Tour%20Assets.zip?dl=0

3. Asimismo se debe descargar el Google VR SDK for Unity, el cual sirve para crear
aplicaciones en realidad virtual, a partir de este enlace se podrá obtener:
https://developers.google.com/vr/develop/unity/download
4. Una vez descargado el Google VR SDK for Unity se debe importar al unity, para el cual
solo es necesario dar doble clic al archivo descargado, este mostrará un cuadro, el cual
se debe quitar el check en la opción demos(opcional solo se visualiza modelos previos),
continuamente presionar en el botón import.
5. Continuamente se debe elegir las imágenes 360 ° enumeradas por orden de secuencia
de cada una de ellas, de igual manera de debe descargar una imagen que cumpla la
función de marcador, el cual este marcador servirá para poder interactuar entre cada
imagen 360°.
6. Para una mayor facilidad en el desarrollo es recomendable tener cada archivo divido
por carpeta con nombres que este referidos a los archivos subidos en unity.
7. Se debe hacer una configuración para el desarrollo, por el cual se debe eliminar (Supr)
el directional light del panel.

8. Seleccionar main camera, posteriormente mostrará un panel en la parte derecha,

ubica el icono de ajuste que se encuentra al costado del título transform, una vez
seleccionado dicho icono presiona la opción reset.
9. Dirígete a la parte superior izquierda, selecciona la opción Build setting, aparecerá un
cuadro en el cual debes seleccionar la opción de Android y luego presionar el botón
switch platform, esto sirve para indicar en que sistema operativo se va utilizar el
recorrido 360°.
NOTA: Si no te muestra la opción del Android, deberás descargar e instalar dicho plugin
en unity.

10. Para empezar se debe colocar un nombre en la opción Company name y package
name, luego asegurar que se tenga la realidad virtual compatible, dirigiéndose a la
opción Virtual reality Sdk’s, ubicamos el botón “+” que se encuentra al lado de dicha
opción, para posteriormente seleccionar la opción llamada Cardboard. Asimismo
asegurarnos de que la versión mínima de Android sea de 4.4 en la opción llamada
Minimum Api level.
11. Para realizar la configuración del giroscopio, ubicar la carpeta Google vr sdk ->
prefab para luego seleccionar GvrEditorSimulator y arrastrarlo hasta el panel del
proyecto

12. Posteriormente se deberá ubicar la carpeta EventSystem dentro de Google vr sdk,

ubicar el GvrEventSystem, cual se deberá arrastrar hasta el panel del proyecto, esta
configuración sirve para que el usuario pueda interactuar con distintos objetos.
13. De igual manera en la misma carpeta Cardboard, se debe arrastrar el objeto
GvrReticlePointer al panel del proyecto, esto sirve para navegar de una imagen a otra
por medio de un puntero, pulsamos play y podemos interactuar con la configuración.
14. Asimismo en la carpeta GoogleVR -> Scripts -> EventSystem, se deberá arrastrar el
script GvrPointerPhysicsRaycaster dentro del objeto GvrEvent System, el cual está
ubicada en el panel de proyecto.
15. Presionando clic derecho en el panel del proyecto se seleccionara la opción “Create
empty”, luego bríndale el nombre de tripod, también arrastrar “main camera” dentro
de tripod.
NOTA: Asegurarse que la cámara este en posición 0 y que en el tablero del nuevo objeto
también este en 0.

16. Dirígete a main camera en el panel del proyecto, clic derecho, selecciona en objetos
3D, elige Quad. La función de esto es escalarlo hasta que no se pueda visualizar nada,
para realizar ello, debes ubicar el punto azul que se encuentra en el medio las 3 líneas
de colores, una vez ubicado estíralo hasta su límite, esto hará que no se pueda visualizar
nada en la cámara mostrando un color gris.
17. Primero configuraremos el objeto, proporcionando un nombre al objeto creado en
este caso lo llamaremos Fader, segundo le quitaremos la malla, para ello debes dirigirte
Mesh renderer, selecciona el icono de ajuste que está al lado y elige la opción Remove
component.

18. Dentro de Assets, crearemos una carpeta llamada materiales y dentro de ella
creamos un material llamado Fader, posteriormente en las opciones que cuenta Shader
elegimos sprites -> default, luego lo cambiamos de color en la opción Tint, Ya teniendo
esto arrastramos el fader hacia la escena, continuamente en la opción Tint bajamos el
valor alfa a 0.
19. En el panel de proyecto presionamos clic derecho, elegimos 3DObject -> Sphere y
creamos una esfera, luego de ello nos dirigimos en las opciones de la esfera en la parte
de Transform, seleccionamos el icono de ajuste y elegimos reset. Cambiamos la
configuración de las escalas reemplazándolas por el valor de 3.
20. También se debe nombrar la esfera por orden consecutivo, asimismo se debe quitar
el colisionador de la esfera, para ello se debe seleccionar el icono de ajuste que se
encuentra al lado de Sphere collider y elegimos la opción remove component.

21. En la carpeta materiales creamos otro material llamado InsideOut, a su vez en

Shader, se debe elegir la opción InsideOut, también arrastramos el material a la escena.
22. Una vez que hayas culminado el paso anterior, dirígete a la carpeta que contiene las
imágenes 360°, elige una de ellas y arrástralas dentro de InsideOut que está dentro de
la escena.

23. Para realizar la interacción de las imágenes consecutivas, primero se debe dirigir a la
carpeta que contiene la imagen que servirá como marcador o puntero, una vez ahí en la
opción Texture type seleccionamos Sprite (2D UI), bajamos hasta encontrar el botón
Aplicar y lo seleccionamos.
24. Arrastramos nuestro puntero al costado de la esfera, si el puntero es grande
podemos reducir su tamaño contrayendo el punto del centro que se encuentra dentro
de las tres líneas de colores y para moverlo se debe seleccionar alguna de las flechas
dependiendo en qué lugar de la imagen 360° deseas poner tu puntero.
25. El puntero debe de estar dentro de la esfera ya que forma parte de ella para poder
navegar con otras imágenes en 360°.
26. Se debe agregar un colisionador al puntero, para ello nos dirigimos en las opciones
del puntero en la parte inferior seleccionamos Add component y seleccionamos la
opción Sphere collider.

27. El script Sphere Changer deberá ser arrastrado dentro del objeto Tripod.
28. Nos dirigimos a donde se encuentra nuestro puntero, para añadirle un evento
desencadenantes, para ello nos dirigimos en las opciones del puntero, seleccionamos el
botón Add component, buscamos Event Trigger y lo añadimos, esto sirve para que el
puntero pueda interactuar con los objetos.
28. Asimismo se debe agregar un tipo de evento llamado Pointerdown, a su vez en la
opción none object seleccionamos el icono “+”, se abrirá una ventana para buscar, ahí
introducimos tripod y lo seleccionamos.
29. Para culminar con la interacción del puntero es necesario añadir una función
ChangeSphere.

30. Por ultimo debemos crear otra esfera con los mismos pasos indicados
anteriormente, para poder realizar la secuencia de imágenes, por ejemplo la esfera 1
se trasladara a la esfera 2, para ello debemos dirigirnos en none transform y pegar o
seleccionar el nombre de la siguiente esfera para que tenga la secuencia del recorrido
virtual.
Y listo, damos clic a Play y podemos interactuar con nuestro recorrido virtual.
Ahora para debemos exportar nuestra APK, para eso nos dirigimos a Build Settings se
abrirá la siguiente ventana.
Primero agregamos nuestra escena (para este paso anteriormente debimos haber
guardado nuestra escena) seguidamente damos clic en Build y se generara nuestra APK.
Pueden acceder al APK por este link: www.mediafire.com/folder/98r8m2wtakugu/