Introducción y configuración inicial
Bienvenida al curso
Cargando el proyecto
El sistema de UI de Unity
El sistema de UI de Unity
El componente Canvas
El Rect Transform
Componente de imagen
Máscaras y efectos
Cómo crear texto en Unity
Creando botones en nuestra interfaz
Otros elementos de UI
Auto layout
Scroll views
Canvas groups
Haciendo interfaces para el juego
Revisión de las interfaces del juego
Importando nuestros assets
Diagramación de la pantalla del título
Animando el fondo con shader graph
Agregando lógica a la pantalla de título
Diagramación de la pantalla de selección de nivel
Implementación pantalla de selección de nivel
Ajustando el sistema de interfaz
Mejora de la interfaz del juego
Implementando la interfaz del juego
Diagramando la pantalla de pausa
Implementando la pantalla de pausa
Mejorando la pantalla de Game Over
Diagramación de la pantalla de configuración
Implementación de la pantalla de configuración
Muestra final y conclusiones
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Crear efectos visualmente atractivos en tus videojuegos puede marcar la diferencia en la inmersión y el impacto emocional que generas en tu audiencia. En esta ocasión, exploraremos cómo crear un efecto de Tiling animado para el fondo de una pantalla de título utilizando Shader Graph en Unity. Este proceso no solo te ayudará a entender mejor los shaders dentro de Unity, sino que también te permitirá personalizar la apariencia de tus proyectos de manera más creativa.
Primero, necesitamos crear una nueva carpeta llamada "Graphs" en nuestro archivo principal de assets dentro de Unity. Esta carpeta almacenará todos nuestros Shader Graphs. Luego, creamos un nuevo asset de Shader Graph siguiendo estos pasos:
Una vez creado el shader, dale doble clic para abrirlo en el editor Shader Graph. Este editor, basado en nodos, nos permite crear shaders personalizados. Aquí, se encuentran dos nodos básicos:
Nos centraremos en el nodo Fragment. El objetivo inicial es mostrar una textura en el shader.
- Panel de Propiedades: Añade una nueva textura 2D, llámala "Main Texture", y selecciona la textura de giraffes.
Una vez que la propiedad de textura es añadida, sigue estos pasos para manejar la visibilidad:
Para que la textura se repita, utilizamos Tiling and Offset:
Agregamos un "Vector 2" llamado "Tiling" con valores por defecto de 4 y 4. Este vector lo conectamos al nodo "Tiling and Offset".
Queremos que las texturas se muevan gradualmente, usando el tiempo transcurrido:
Después de configurar y guardar tu Shader Graph:
Finalmente, puedes duplicar y modificar materiales para diferentes texturas, como un hipopótamo, mono o panda. Cada material puede tener velocidades de animación y direcciones personalizadas para crear un impacto visual más dinámico. Experimenta con imágenes y valores para conseguir resultados únicos y atractivos.
Con estos pasos, puedes crear un efecto de Tiling animado simple, pero impresionante, utilizando Shader Graph de Unity. Te animamos a que pruebes nuevas combinaciones y compartas tus resultados. Es el momento de dejar volar tu creatividad en el mundo del diseño de videojuegos. ¿Estás listo para el desafío?
Aportes 1
Preguntas 0
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?