-
00:00:00hola de nuevo y hoy vamos a diseñar un selector día a noche para poder tener la misma panorámica de nuestro recorrido en día y en noche lo primero seleccionamos un esquim vacío, un proyecto nuevo e
-
00:00:18importamos las panorámicas como veis una vez importadas las panorámicas tenemos cada panorámica con su versión noche dependiendo del proyecto tendréis algunas que
-
00:00:34no tengan opción noche y otras que
-
00:00:37sí en este caso para la práctica vamos a quitar esta y esta para que
-
00:00:46veamos que
-
00:00:47la A y la B tienen opción noche y la C y la D no tienen opción noche lo primero que
-
00:00:54vamos a hacer es etiquetar
-
00:00:56cada una de las panorámicas con día o noche según corresponda vamos a la pestaña panoramas y una una le ponemos su etiqueta
-
00:01:07una vez hemos creado la etiqueta
-
00:01:09podemos seleccionar todas las de día y aplicárselo de una lo mismo con la noche y luego de manera opcional seleccionamos todas y le quitamos autoplay seguimos dentro de panoramas y vamos a realizar la navegación mediante
-
00:01:28hotspot para tener un recorrido de día y un recorrido de noche vamos a la primera panorámica de día y hacemos la navegación ahora hacemos la navegación en las panorámicas de noche y hacemos vista previa comprobamos
-
00:01:56que
-
00:01:57hemos hecho correctamente la navegación y hacemos lo mismo con las de noche si seleccionamos la primera de noche y le con control podemos hacer vista previa desde el media seleccionado en este caso sólo tenemos dos
-
00:02:14de noche por lo tanto ya tenemos confirmada la navegación de día y de noche ahora vamos a la pestaña skin para poder diseñar nuestro selector lo que
-
00:02:24nos importa hoy son las funcionalidades y luego vosotros podéis aplicarle el diseño que
-
00:02:28queráis
-
00:02:28la primera vamos a crear un contenedor donde vamos a meter los botones y simplemente nos va a servir para poder lo ubicar abajo a la derecha una vez creado el contenedor seleccionamos los botones y los
-
00:02:52metemos en propiedades vamos a cambiar el modo multistado por interrutor on off esto nos va a permitir que
-
00:03:22se active y desactive el botón de día cuando activemos el noche y viceversa y creamos un grupo tenemos los dos botones los dos pertenecen al grupo de inite en modo interrutor on off ahora es importante
-
00:03:46que
-
00:03:47les cambiemos el nombre tanto al contenedor como a los diferentes botones este contenedor va a contener el selector de la primera panorámica por lo tanto vamos a nombrar primero las panorámicas vamos a poner un nombre
-
00:04:05en este caso para que
-
00:04:06no sea fácil identificar las panorámicas una vez tenemos bien nombradas y para poder identificar rápidamente las panorámicas volvemos a la pestaña skin y nombramos el contenedor de inite a y el botón de A así tenemos
-
00:04:41el selector dia noche correspondiente a la panorámica A el botón de día de la y el botón de noche de la ahora podemos copiar este contenedor con tantas selectores vamos a necesitar de las versiones dia
-
00:04:57noche que
-
00:04:58tengamos y en nuestro caso sólo tenemos dos versiones noche por lo tanto necesitaremos otro selector para esta panorámica es muy importante tener esto orden claro y ordenado para que
-
00:05:15cuando hagamos las diferentes llamadas y configuraciones no nos equivocamos ocultamos los dos contenedores y ahora vamos a ir a panoramas porque
-
00:05:24van a ser las panorámicas las que
-
00:05:26mediante una acción van a habilitar un contenedor u otro siempre que
-
00:05:31tengamos la opción de día noche vamos a la panoad que
-
00:05:35tiene su pareja de noche y la panoad va a tener una acción de mostrar o esconder componentes para que
-
00:05:43podamos mostrar el selector correspondiente a esta panorámica la panoad al entrar tiene que
-
00:05:50mostrarnos el contenedor A y ocultarnos el resto de contenedores que
-
00:05:58tengamos y al salir de la panoad tendrá que
-
00:06:02ocultar el selector correspondiente de la panoad y no hacemos nada más de manera opcional podemos hacer algún efecto pero de momento no nos vamos a meter aquí y guardamos seleccionamos la acción la copiamos y la
-
00:06:19pegamos en la panoad con las mismas opciones vamos a la panoad y lo mismo copiamos la acción y la pegamos en su versión noche y confirmamos como el resto no tiene y tenemos de manera predefinida
-
00:06:45los contenedores ocultos el resto de panorámicas no tienen que
-
00:06:50no tienen versión noche no tienen que
-
00:06:52mostrar o ocultar nada vamos a pervisualizar como vemos cuando entramos en la panorámica tenemos nuestro selector día noche vamos a la panorámica B mantenemos nuestro selector día noche que
-
00:07:11se mantiene cuando vamos a la A y la B y ahora vamos a ir a la C y aquí nos desaparece esta panorámica no tiene opción lo mismo que
-
00:07:22la D y ahora necesitamos que
-
00:07:29el selector funcione porque
-
00:07:32yo ahora selecciono la noche y el día y sí que
-
00:07:35vemos que
-
00:07:36cuando pulsamos se activa pero no ocurre nada volvemos a 3 de vista y tenemos que
-
00:07:43darle las acciones correspondientes vamos al botón de DIA y este le añadimos acción a abrir panorama DIA en este caso vamos a cambiar punto inicial por mismo lugar que
-
00:07:59el media actual para que
-
00:08:01nos coja la misma vista desde la panorámica de DIA a la noche y viceversa hacemos vista previa y desde la panorámica tenemos nuestro selector día noche seleccionamos la noche y tenemos la misma vista es de
-
00:08:24igual el ángulo en el que
-
00:08:25estemos que
-
00:08:26seleccionamos día noche al en este caso como los botones son negros con el área negra no se vería y aquí entraréis en diseño y le podrías poner fondo al botón o al contenedor vamos a la
-
00:08:40navegamos a la panorámica de tenemos nuestro selector le damos a noche y tenemos nuestra versión noche la parte del color le hemos puesto una luna y en la misma orientación estamos mirando al front modo noche
-
00:08:57left modo día si vamos a modo noche sólo tenemos la opción de volver a la noche a de la noche a a la noche ve pero si habilitamos el día tendremos podemos ir y continuar el
-
00:09:16recorrido de día sin el selector pero si volvemos nos aparece el selector de manera opcional para que
-
00:09:32cuando iniciemos el proyecto veis no tenemos ninguno elegido y podemos seleccionar el sol no hace nada seleccionamos la noche modo noche para poder poner seleccionado el sol necesitamos una acción de javascript porque
-
00:09:523 de vista no nos da la opción desde la pestaña panoramas tenemos que
-
00:09:57acceder a la primera panorámica y añadir la acción ejecutar javascript y con esto le decimos que
-
00:10:04al inicio al entrar a esta panorámica nos ejecute la acción disgetcomponentmyname y le tenemos que
-
00:10:15decir el nombre del botón por eso es muy importante que
-
00:10:18los botones tengan cada uno su propio nombre todo ese hemos puesto de a de y y le decimos que
-
00:10:29la ponga en estado presionado al inicio hacemos vista previa y ya tenemos nuestro sol seleccionado de manera predeterminada le damos a la luna y nos ponemos la noche le damos al sol y podemos hacerlo esto
-
00:10:50mismo con el resto de panorámicas para que
-
00:10:54de manera predeterminada este seleccionado el día si es nuestro modo predeterminado si es la noche lo hacemos a la inversa así yo tengo en la panorámica predeterminido el sol sin tocar nada y en la panorámica
-
00:11:15predeterminido el sol sin tocar nada espero que