3DVista - Selector DÍA NOCHE

00:00:00

Olá novamente e hoje vamos desenhar um seletor dia para noite para podermos ter a mesma visão panorâmica do nosso percurso dia e noite. Primeiro selecionamos um eskim vazio, um novo projeto e.

00:00:18

Importamos os panoramas como vocês podem ver. Uma vez importados os panoramas, temos cada panorama com sua versão noturna, dependendo do projeto, você terá alguns que.

00:00:34

Não possuem opção noturna e outras que

00:00:37

sim, neste caso, para praticar, vamos remover isso e isso para que

00:00:46

vamos ver o que

00:00:47

A e B têm opção noturna e C e D não têm opção noturna, a primeira coisa é

00:00:54

vamos fazer é rotular

00:00:56

cada um dos panoramas com dia ou noite conforme o caso, vamos até a aba panoramas e em um deles colocamos seu rótulo

00:01:07

depois de criarmos o rótulo

00:01:09

Podemos selecionar todos os diurnos e aplicar o mesmo ao noturno e então opcionalmente selecionamos todos eles e removemos a reprodução automática, continuamos dentro dos panoramas e vamos navegar pelos

00:01:28

hotspot para fazer um passeio diurno e um passeio noturno vamos para o primeiro panorama durante o dia e fazemos a navegação agora fazemos a navegação nos panoramas noturnos e fazemos uma prévia verificamos

00:01:56

que

00:01:57

Fizemos a navegação corretamente e fazemos o mesmo com as noturnas se selecionarmos a primeira à noite e com controle podemos visualizar a mídia selecionada neste caso só temos duas

00:02:14

à noite portanto confirmamos a navegação diurna e noturna agora vamos para a aba skin para poder desenhar nosso seletor o que

00:02:24

O que importa hoje são as funcionalidades e depois você pode aplicar o design que deseja

00:02:28

você quer

00:02:28

A primeira vamos criar um container onde colocaremos os botões e isso simplesmente nos ajudará a poder colocá-lo no canto inferior direito. Uma vez criado o container, selecionamos os botões e o.

00:02:52

Entramos nas propriedades, vamos mudar o modo multiestado, desligando, isso nos permitirá

00:03:22

O botão diurno é ativado e desativado quando ativamos o botão noturno e vice-versa e criamos um grupo temos os dois botões, ambos pertencem ao grupo iniciar no modo liga/desliga agora é importante

00:03:46

que

00:03:47

Vamos mudar o nome do container e dos diferentes botões. Este container conterá o seletor do primeiro panorama. Portanto, vamos primeiro dar um nome aos panoramas.

00:04:05

neste caso para que

00:04:06

Não é fácil identificar os panoramas uma vez que os temos bem nomeados e para poder identificar rapidamente os panoramas voltamos à aba skin e nomeamos o contêiner de início A e o botão A para que tenhamos

00:04:41

o seletor dia noite correspondente ao panorâmico Ao botão diurno do e ao botão noturno do agora podemos copiar este container com quantos seletores precisarmos das versões diurnas

00:04:57

noite que

00:04:58

temos e no nosso caso só temos duas versões noturnas portanto precisaremos de outro seletor para este panorama é muito importante ter esta ordem clara e ordenada para que

00:05:15

Quando fazemos as diferentes chamadas e configurações não nos enganamos, escondemos os dois containers e agora vamos para os panoramas porque

00:05:24

Serão as vistas panorâmicas que

00:05:26

Através de uma ação eles vão habilitar um container ou outro sempre que

00:05:31

vamos ter a opção do dia noite vamos para a panoada que

00:05:35

tem seu parceiro à noite e o panorama vai ter uma ação de mostrar ou ocultar componentes para que

00:05:43

podemos mostrar o seletor correspondente a este panorama, o panorama ao entrar tem que

00:05:50

mostre-nos o contêiner A e esconda o restante dos contêineres que

00:05:58

temos e ao sair do panorama você terá que

00:06:02

Esconda o seletor panoad correspondente e não faça mais nada. Opcionalmente, podemos fazer algum efeito, mas por enquanto não vamos nos envolver aqui e salvar, selecionar a ação, copiá-la e.

00:06:19

Colamos no panoad com as mesmas opções vamos ao panoad e copiamos a ação e colamos na sua versão noturna e confirmamos como o resto não tem e temos de forma predefinida

00:06:45

os contêineres ocultos o resto dos panoramas não precisam

00:06:50

Eles não têm versão noturna, não precisam

00:06:52

mostrar ou ocultar qualquer coisa vamos visualizar como vemos quando entramos no panorama temos nosso seletor dia noite vamos para o panorama B mantemos nosso seletor dia noite que

00:07:11

Continua igual quando vamos para A e B e agora vamos para C e aqui essa panorâmica desaparece, não tem opção, igual a

00:07:22

o D e agora precisamos disso

00:07:29

o seletor funciona porque

00:07:32

Agora seleciono noite e dia e sim

00:07:35

nós vemos isso

00:07:36

quando pressionamos ele é ativado mas nada acontece voltamos para a visualização 3 e temos que

00:07:43

damos as ações correspondentes vamos ao botão DIA e adicionamos ação para abrir o panorama DIA, neste caso vamos mudar o ponto inicial para o mesmo local que

00:07:59

a média atual de

00:08:01

obtemos a mesma visão da panorâmica DIA para noite e vice-versa fazemos a visualização e da panorâmica temos nosso seletor dia noite selecionamos a noite e temos a mesma visão que é

00:08:24

é igual ao ângulo em que

00:08:25

nós somos isso

00:08:26

Selecionamos dia noite neste caso porque os botões são pretos com a área preta não seria vista e aqui você vai entrar no desenho e pode colocar um fundo no botão ou no container vamos para o

00:08:40

Navegamos até a vista panorâmica, temos nosso seletor, clicamos em noite e temos nossa versão noturna, adicionamos uma lua e na mesma orientação estamos olhando para frente, modo noturno.

00:08:57

saímos do modo diurno se formos para o modo noturno só temos a opção de voltar para a noite a da noite aa noite ir mas se habilitarmos o dia teremos podemos ir e continuar o

00:09:16

passeio de um dia sem o seletor mas se retornarmos o seletor aparece opcionalmente para que

00:09:32

Quando iniciamos o projeto você vê que não temos nenhum escolhido e podemos selecionar o sol ele não faz nada selecionamos o modo noturno para poder selecionar o sol precisamos de uma ação javascript porque

00:09:52

A visualização 3 não nos dá a opção na guia panoramas que temos que

00:09:57

acesse o primeiro panorama e adicione a ação executar javascript e com isso dizemos que

00:10:04

No início, ao entrar nesta visão geral, executamos a ação disgetcomponentmyname e temos que

00:10:15

diga o nome do botão então é muito importante que

00:10:18

cada um dos botões tem seu próprio nome, colocamos tudo o que colocamos de para para e dizemos a vocês que

00:10:29

coloque-o no estado pressionado no início, fazemos a visualização e já temos nosso sol selecionado por padrão, atingimos a lua e definimos a noite, atingimos o sol e podemos fazer isso

00:10:50

mesmo com o resto das vistas panorâmicas para que

00:10:54

Por padrão o dia está selecionado se for o nosso modo padrão se for a noite fazemos ao contrário então tenho o sol no panorama padrão sem tocar em nada e no panorama

00:11:15

predeterminou o sol sem tocar em nada, espero