¡Hola a todos! Estoy emocionado de compartir un artículo técnico detallado que he creado, en el que desgloso y explico en profundidad un shader en HLSL que he desarrollado.
Este shader es una creación 100% procedural, lo que significa que cada elemento visual—desde las texturas hasta las animaciones—se genera en tiempo real utilizando únicamente ecuaciones matemáticas y lógica de programación. Es una exploración fascinante de la generación procedural de ruido, combinando técnicas como diagramas de Voronoi dinámicos, movimiento de partículas con lógica de evasión, y ruido Fractal Brownian Motion (FBM) para crear efectos visuales complejos y orgánicos sin depender de ningún recurso preexistente.
En el artículo explico cada componente matemático y técnico del shader, desde cómo se genera la variación de tamaño y el «jitter» en las celdas de Voronoi, hasta la fuerza de repulsión que simula colisiones entre partículas y los bordes de las celdas, y cómo se construyen las estelas animadas y un fondo orgánico palpitante utilizando FBM.
Estoy compartiendo el código fuente completo y totalmente comentado de este shader al final del artículo, para que puedas explorarlo y experimentar por tu cuenta.
Es una lectura ideal para cualquiera que quiera comprender las matemáticas detrás de los efectos visuales en tiempo real y cómo se aplican en la programación de shaders. ¡Espero que lo encuentres increíblemente útil e inspirador!
