Olá. Bem-vindo a esta lição no Unreal Engine. Nesta lição, aprenderemos como criar um controle deslizante na tela para controlar a luz do dia no Unreal Engine. Continuaremos a usar o Projeto de Interiores ArchViz. Abra seu Projeto de Interiores ArchViz, a versão Unreal Engine 5.0. Faremos um controle deslizante na tela para controlar isso durante o jogo. Antes de fazer isso, precisamos de uma maneira de habilitar o cursor do mouse em durante o jogo para que possamos selecionar itens. Abra a pasta Blueprints. Clique com o botão direito. Selecione Projeto. E clique em Controlador do jogador. Vamos nomear este BP_ArchvizPlayer. Clique com o botão direito novamente. Selecione a classe Blueprint. Desta vez, vamos selecionar uma base de modo de jogo. Vamos nomear este BP_ArchvizGameMode. Clique duas vezes em BP_ArchvizGameMode. Isso abre o editor. Vamos definir a classe Player Controller para BP_ArchvizPlayer. Feche o painel. Abra as configurações do mundo. Nós vamos mudar o GameMode Override para BP_ArchvizGameMode. Abra o BP_ArchvizPlayer. Queremos habilitar as interações do mouse. Vá para Detalhes e pesquise no mouse. Verifique em Mostrar Cursor do Mouse e Habilitar eventos de clique. Role para baixo até a seção Interface do mouse e altere o Cursor do mouse padrão para Mão. Compile, salve e feche o painel. Agora jogue o nível. Agora a mão está visível. Isso nos permitirá interagir com os itens na sala assim como cardápios. Escape para parar o jogo. Em seguida, criaremos um controle deslizante de widget que vai ficar na tela e permitir que o usuário ajuste a hora do dia e veja os efeitos de iluminação. Abra a gaveta de conteúdo, pasta Blueprints. Clique com o botão direito. Agora selecione Interface do usuário e Projeto de Widget. Vamos nomear este WBP, para Widget Blueprint, sublinhar ArchViz. Abra isso e procure por canvas e arraste um painel de tela para o gráfico. Arraste um controle deslizante para a tela, em algum lugar perto do fundo, e aumentá-lo um pouco. Arraste um texto sob o controle deslizante. Vamos nomear esta Manhã. Vamos arrastar mais dois blocos de texto. Vamos alinhá-los. Vamos nomear o meio-dia e a última noite. Selecione o controle deslizante na Hierarquia. No painel Detalhes, abra uma seção Estilo e altere a espessura da barra para 10. Vá todo o caminho para baixo, você pode ter que abrir o painel um pouco. Clique em Valor alterado. Clique no sinal de mais. Isso o levará ao gráfico de eventos. A partir do valor alterado, puxe um fio, pesquisa obter e obter Active Of Class. Pesquisar sol. Selecione Sun Sky. Arraste um fio para fora de Get Actor. Pesquise solar. Estamos procurando a Hora Solar. Conecte para devolver o valor ao alvo. Em seguida, queremos obter o valor do controle deslizante, que é apenas de zero a um, e dimensioná-lo para valores que funcionarão corretamente para o Tempo Solar. Arraste uma ligação de Valor e intervalo de pesquisa. Selecione Map Range Clamped. O intervalo de entrada é de zero a um, e faremos o intervalo de saída de quatro a 20. Por fim, conecte o valor de retorno ao pino Definir hora solar. Compile, salve, feche o painel. Agora precisamos exibir nosso widget na tela. Uma maneira de fazer isso é abrir um Level Blueprint. Arraste uma ligação do Event Tick. Widget de pesquisa. Selecione Criar Widget. Altere a classe para WBP_ArchViz. Arraste um fio do pino Return Value, que é o alfinete azul, e janela de visualização de pesquisa. Selecione Adicionar à viewport e conectará automaticamente os pinos executivos. Compile, salve, feche o painel. Agora vamos jogar. As teclas W, A, S, D nos guiarão. O mouse nos ajudará a olhar ao redor da sala. E agora clicamos e arrastamos o controle deslizante e mudar a hora do dia. E veja os belos efeitos de iluminação. Vamos Salvar Tudo, Salvar Selecionado. Na próxima aula, vamos criar objetos interativos em nosso nível. Obrigado por assistir.