3DVista - Selector DÍA NOCHE

00:00:00

Hello again and today we are going to design a day to night selector to be able to have the same panoramic view of our route during the day and at night. The first thing we select is an empty Eskim, a new project and

00:00:18

We import the panoramas as you can see once the panoramas are imported we have each panorama with its night version depending on the project you will have some that

00:00:34

do not have an option night and others that

00:00:37

Yes, in this case for practice we are going to remove this and this so that

00:00:46

let's see that

00:00:47

A and B have a night option and C and D do not have a night option, the first thing that

00:00:54

we are going to do is label

00:00:56

For each of the panoramas with day or night as appropriate, we go to the panoramas tab and we put a label on each one

00:01:07

Once we have created the label

00:01:09

We can select all the day ones and apply them at once, the same with the night one, and then optionally we select all of them and remove autoplay. We continue within panoramas and we will carry out the navigation using

00:01:28

hotspot to have a day tour and a night tour we go to the first day panorama and we do the navigation now we do the navigation in the night panoramas and we do preview we check

00:01:56

what

00:01:57

We have done the navigation correctly and we do the same with the night ones if we select the first one at night and with control we can preview it from the selected media in this case we only have two

00:02:14

at night therefore we have already confirmed the day and night navigation now we go to the skin tab to be able to design our selector what

00:02:24

What we care about today is the functionality and then you can apply the design that

00:02:28

you want

00:02:28

The first one is going to create a container where we are going to put the buttons and it will simply serve to be able to place it at the bottom right. Once the container is created, we select the buttons and the

00:02:52

We go into properties and we are going to change the multi-state mode to on-off switch. This will allow us to

00:03:22

the day button is activated and deactivated when we activate the night button and vice versa and we create a group we have the two buttons both belong to the group of inite in on off switch mode now it is important

00:03:46

what

00:03:47

Let's change the name of both the container and the different buttons. This container will contain the selector for the first panorama, so we're going to name the panoramas first. We're going to put a name

00:04:05

in this case so that

00:04:06

It may not be easy to identify the panoramas once we have them properly named and to be able to quickly identify the panoramas we return to the skin tab and name the inite container and the A button so we have

00:04:41

the day night selector corresponding to the panorama A the day button of the and the night button of the now we can copy this container with as many selectors as we will need from the day versions

00:04:57

night that

00:04:58

we have and in our case we only have two night versions therefore we will need another selector for this panorama it is very important to have this order clear and tidy so that

00:05:15

When we make the different calls and configurations, we are not wrong, we hide the two containers and now we are going to go to panoramas because

00:05:24

It will be the panoramic views that

00:05:26

through an action they will enable one container or another whenever

00:05:31

Let's have the day/night option and go to the panorama that

00:05:35

has its night partner and the panoad is going to have an action of showing or hiding components so that

00:05:43

We can show the selector corresponding to this panorama, the panorama when entering has to

00:05:50

show us container A and hide the rest of the containers that

00:05:58

we have and when leaving the panoad you will have to

00:06:02

hide the corresponding selector from the panoad and we do nothing else, optionally we can do some effect but for the moment we are not going to get into this and we save, select the action, copy it and the

00:06:19

We paste in the panoad with the same options we go to the panoad and the same we copy the action and paste it in its night version and confirm as the rest do not have and we have by default

00:06:45

the hidden containers the rest of the panoramas do not have to

00:06:50

They don't have a night version, they don't have to

00:06:52

show or hide nothing we are going to preview as we see when we enter the panoramic we have our day night selector we go to panoramic B we keep our day night selector that

00:07:11

It remains when we go to A and B and now we are going to C and here this panoramic disappears, it has no option, the same as

00:07:22

the D and now we need that

00:07:29

the selector works because

00:07:32

I now select night and day and yes

00:07:35

We see that

00:07:36

When we press it is activated but nothing happens we return to 3 of view and we have to

00:07:43

To give it the corresponding actions we go to the DIA button and we add the action to open the DIA panorama. In this case we are going to change the initial point to the same place as

00:07:59

the current average for that

00:08:01

we get the same view from the panoramic of DAY to night and vice versa we do preview and from the panoramic we have our day night selector we select the night and we have the same view is of

00:08:24

equal to the angle at which

00:08:25

Let's be that

00:08:26

we select day night in this case as the buttons are black with the black area it would not be seen and here you will enter design and you could put a background to the button or the container we go to the

00:08:40

We navigate to the panoramic view, we have our selector, we give it to night and we have our night version, the color part we have put a moon and in the same orientation we are looking at the front night mode

00:08:57

left day mode if we go to night mode we only have the option to return to night to night to night go but if we enable day we can go and continue the

00:09:16

day tour without the selector but if we return the selector appears to us as an optional option so that

00:09:32

When we start the project you see we don't have any selected and we can select the sun, it does nothing, we select the night, night mode to be able to select the sun we need a javascript action because

00:09:52

3 view does not give us the option from the panoramas tab we have to

00:09:57

access the first panorama and add the action execute javascript and with this we tell it that

00:10:04

At the beginning when entering this panorama, the disgetcomponentmyname action is executed and we have to

00:10:15

say the name of the button that's why it's very important that

00:10:18

the buttons each have their own name, all that we have put from to and and we tell them that

00:10:29

I put it in a pressed state at the beginning we do preview and we already have our sun selected by default we click on the moon and we set the night we click on the sun and we can do this

00:10:50

same with the rest of the panoramas so that

00:10:54

By default, the day is selected if it is our default mode, if it is night we do it the other way around, so I have the sun set in the default panorama without touching anything and in the panorama

00:11:15

predetermined the sun without touching anything I hope that