Hola. Bienvenido a esta lección en Unreal Engine. En esta lección, aprenderemos a crear un control deslizante en pantalla para controlar la luz del día en Unreal Engine. Continuaremos utilizando el Proyecto Interior ArchViz. Abra su Proyecto Interior ArchViz, la versión Unreal Engine 5.0. Haremos un control deslizante en pantalla para controlar esto durante el juego. Antes de hacerlo, necesitamos una forma de habilitar el cursor del mouse en durante el juego para que podamos seleccionar elementos. Abra la carpeta Planos. Botón derecho del ratón. Seleccione Plano. Y haga clic en Controlador de reproductor. Llamaremos a este BP_ArchvizPlayer. Haz clic derecho de nuevo. Seleccione la Clase de Blueprint. En esta ocasión seleccionaremos un Modo de Juego Base. Lo llamaremos BP_ArchvizGameMode. Haga doble clic en BP_ArchvizGameMode. Esto abre el editor. Vamos a establecer la clase de controlador de jugador a BP_ArchvizPlayer. Cierra el panel. Configuración mundial abierta. Vamos a cambiar la anulación de GameMode a BP_ArchvizGameMode. Abra el BP_ArchvizPlayer. Queremos habilitar las interacciones del mouse. Vaya a Detalles y busque con el ratón. Marque Mostrar cursor del mouse y Habilitar eventos de clic. Desplácese hacia abajo hasta la sección Interfaz del mouse y cambie el Cursor del mouse predeterminado a Mano. Compile, guarde y cierre el panel. Ahora juega el nivel. Ahora la mano es visible. Esto nos permitirá interactuar con elementos en la habitación. así como menús. Escape para dejar de jugar. A continuación, crearemos un control deslizante de widget eso se quedará en la pantalla y permitir al usuario ajustar la hora del día y ver los efectos de iluminación. Abra el cajón de contenido, la carpeta Blueprints. Botón derecho del ratón. Ahora seleccione Interfaz de usuario y modelo de widget. Llamaremos a este WBP, por Widget Blueprint, subrayar ArchViz. Abre esto y busca lienzo. y arrastre un panel de lienzo al gráfico. Arrastre un control deslizante al lienzo, en algún lugar cerca del fondo, y escalarlo un poco. Arrastre un texto debajo del control deslizante. Nombraremos esta Mañana. Arrastraremos dos bloques de texto más. Los alinearemos. Llamaremos al del medio mediodía y el último por la tarde. Seleccione el control deslizante en la Jerarquía. En el panel Detalles, abra una sección Estilo y cambie el Grosor de la barra a 10. Ir todo el camino hacia abajo, puede que tenga que abrir el panel un poco. Haga clic en Valor cambiado. Haga clic en el signo más. Esto lo llevará al gráfico de eventos. Desde el valor cambiado, sacar un cable, buscar obtener y obtener Active Of Class. buscar sol. Seleccione Sol Cielo. Arrastre un cable fuera de Obtener actor. Buscar solar. Estamos buscando la hora solar. Cable para devolver el valor al objetivo. A continuación, queremos tomar el valor del control deslizante, que es solo de cero a uno, y escálelo a valores que funcionarán correctamente para el Tiempo Solar. Arrastre un cable desde Valor y rango de búsqueda. Seleccione Rango de mapa fijado. El rango de entrada es cero a uno, y haremos que el rango de salida sea de cuatro a 20. Finalmente, conecte el valor de retorno al pin Set Solar Time. Compile, guarde, cierre el panel. Ahora necesitamos mostrar nuestro widget en la pantalla. Una forma de hacerlo es abrir un plano de nivel. Arrastra un cable desde Event Tick. Widget de búsqueda. Seleccione Crear widget. Cambie de clase a WBP_ArchViz. Arrastre un cable desde el pin Valor de retorno, cual es el pin azul, y ventana de búsqueda. Seleccione Agregar a la ventana gráfica y conectará automáticamente los pines ejecutivos. Compile, guarde, cierre el panel. Ahora jugaremos. Las teclas W, A, S, D nos guiarán. El ratón nos ayudará a mirar alrededor de la habitación. Y ahora hacemos clic y arrastramos el control deslizante y cambiar la hora del día. Y ver los buenos efectos de iluminación. Guardaremos todo, Guardar seleccionado. En la próxima lección, vamos a crear objetos interactivos en nuestro nivel. Gracias por ver.