{"id":40193,"date":"2026-07-16T09:41:54","date_gmt":"2026-07-16T07:41:54","guid":{"rendered":"https:\/\/www.heavym.net\/?p=40193"},"modified":"2026-07-17T11:37:57","modified_gmt":"2026-07-17T09:37:57","slug":"using-shaders","status":"publish","type":"post","link":"https:\/\/www.heavym.net\/es\/using-shaders\/","title":{"rendered":"Uso de shaders"},"content":{"rendered":"

En resumen <\/h2>\n\n\n\n

Los shaders son peque\u00f1os programas gr\u00e1ficos que se ejecutan en la GPU y crean efectos visuales generativos en tiempo real. En el video mapping, proporcionan texturas infinitas y din\u00e1micas sin necesidad de utilizar archivos de v\u00eddeo pesados. Con programas como HeavyM, puedes importar f\u00e1cilmente formatos est\u00e1ndar como ISF y manipular efectos visuales generativos sin necesidad alguna de programar.<\/p>\n\n\n\n

\u00bfQu\u00e9 es un shader?<\/h2>\n\n\n\n

Un shader es un tipo de programa inform\u00e1tico dise\u00f1ado espec\u00edficamente para ejecutarse en una unidad de procesamiento gr\u00e1fico (GPU).<\/strong> El t\u00e9rmino \u2018shader\u2019 proviene de \u2018shade\u2019 (sombra), ya que uno de los primeros usos de los shaders fue simular sombras y reflejos en los gr\u00e1ficos 3D. Sin embargo, hoy en d\u00eda, Los shaders se utilizan para una amplia variedad de tareas de procesamiento gr\u00e1fico,<\/strong> desde la aplicaci\u00f3n de texturas y colores hasta la generaci\u00f3n de efectos especiales complejos.<\/p>\n\n\n\n

Shaders funcionan a un nivel muy bajo,<\/strong> lo que significa que tienen un control directo y preciso sobre los p\u00edxeles individuales que componen una imagen o un v\u00eddeo. Pueden manipular los datos de la imagen con gran rapidez y con un m\u00ednimo de recursos, lo que los hace especialmente \u00fatil para aplicaciones gr\u00e1ficas en tiempo real,<\/strong> como los videojuegos, la realidad virtual y video mapping<\/a>.<\/p>\n\n\n\n

Los diferentes tipos de shaders<\/h2>\n\n\n\n

Existen diferentes tipos de shaders, entre los que se incluyen los shaders de v\u00e9rtices, que manipulan los puntos de datos 3D (v\u00e9rtices); los shaders de geometr\u00eda, que generan nuevas formas a partir de estos puntos; y los shaders de fragmentos (tambi\u00e9n llamados shaders de p\u00edxeles), que determinan el color final de cada p\u00edxel de la pantalla. Los shaders suelen escribirse en lenguajes de programaci\u00f3n especializados, como GLSL (OpenGL Shading Language) o HLSL (High-Level Shading Language) para DirectX.<\/strong><\/p>\n\n\n\n

Sombreadores de p\u00edxeles o de fragmentos<\/strong><\/h4>\n\n\n\n

El \u00abfragment shader\u00bb o \u00abpixel shader\u00bb es un shader dise\u00f1ado para calcular el color de cada p\u00edxel de forma individual.<\/strong> Toma como entrada los datos de cada p\u00edxel de la imagen (posici\u00f3n, coordenadas de textura, color) y devuelve su color.<\/p>\n\n\n\n

Estos shaders son los que m\u00e1s te interesar\u00e1 utilizar con HeavyM. Suelen ser .Archivos .FRAG o .FS, en el caso del formato ISF.<\/strong> El formato ISF establece un est\u00e1ndar para los fragmentos GLSL shaders,<\/strong> lo que facilita su interpretaci\u00f3n por parte de aplicaciones interactivas.<\/p>\n\n\n\n

Sombreadores de v\u00e9rtices<\/strong><\/h4>\n\n\n\n

Los sombreadores de v\u00e9rtices se utilizan para transformar los v\u00e9rtices en p\u00edxeles.<\/p>\n\n\n\n

Son .Archivos .VS<\/strong> que a veces acompa\u00f1an al pixel shader, comparten el mismo nombre y deben estar ubicados en la misma carpeta.<\/p>\n\n\n\n

Shaders de efectos de forma HeavyM<\/strong><\/h3>\n\n\n\n

Al hacer clic en los iconos rojos situados a la derecha de la interfaz de HeavyM, se accede a categor\u00edas de efectos que se adaptan autom\u00e1ticamente a las formas dibujadas. Estos efectos est\u00e1n vinculados a los grupos del panel de capas de la izquierda. Todas las formas de un mismo grupo comparten el mismo aspecto. Para aplicar efectos diferentes a distintas formas, debes crear grupos adicionales e a\u00f1adirles formas.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Actualmente no es posible a\u00f1adir ni modificar el c\u00f3digo de los shaders de efectos existentes en esta categor\u00eda.<\/strong><\/p>\n\n\n\n

Shaders de generaci\u00f3n de im\u00e1genes<\/strong><\/h3>\n\n\n\n

Puedes a\u00f1adir shaders de generaci\u00f3n de im\u00e1genes como fuentes en el panel al que se accede a trav\u00e9s del icono blanco situado en la barra de herramientas vertical de la derecha. Estos shaders requieren la creaci\u00f3n de un reproductor para poder mostrarse. A continuaci\u00f3n, vincula la fuente al reproductor haciendo clic en el icono con forma de diana. Los shaders de generaci\u00f3n de im\u00e1genes no tienen una duraci\u00f3n predeterminada, ya que son programas que se ejecutan en bucle. No obstante, puedes ajustar la duraci\u00f3n de visualizaci\u00f3n de la fuente.<\/p>\n\n\n\n

Actualmente no es posible a\u00f1adir ni modificar el c\u00f3digo de los shaders de efectos existentes en esta categor\u00eda.<\/strong><\/p>\n\n\n\n

Shaders de generaci\u00f3n de im\u00e1genes<\/strong><\/h2>\n\n\n\n

Puedes a\u00f1adir shaders de generaci\u00f3n de im\u00e1genes como fuentes en el panel al que se accede a trav\u00e9s del icono blanco situado en la barra de herramientas vertical de la derecha. Estos shaders requieren la creaci\u00f3n de un reproductor para poder mostrarse. A continuaci\u00f3n, vincula la fuente al reproductor haciendo clic en el icono con forma de diana. Los shaders de generaci\u00f3n de im\u00e1genes no tienen una duraci\u00f3n predeterminada, ya que son programas que se ejecutan en bucle. No obstante, puedes ajustar la duraci\u00f3n de visualizaci\u00f3n de la fuente.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Procesamiento de shaders en los reproductores<\/strong><\/h3>\n\n\n\n

Tienes la opci\u00f3n de aplicar efectos de procesamiento de imagen al reproductor. Para ello, selecciona el reproductor y a\u00f1ade efectos en el panel \u00abPropiedades\u00bb, situado en la parte inferior izquierda, mediante el bot\u00f3n \u00ab+\u00bb. Los efectos se a\u00f1aden de forma secuencial. Cada reproductor es independiente, por lo que los efectos de origen y de procesamiento variar\u00e1n de un reproductor a otro, incluso si los reproductores pertenecen al mismo grupo.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Importar o crear shaders<\/strong><\/h2>\n\n\n\n

\u00bfD\u00f3nde se pueden encontrar los shaders?<\/strong><\/h3>\n\n\n\n

No hace falta saber programar para utilizar shaders con HeavyM. Adem\u00e1s de la biblioteca que ya viene incluida en el software, Hay plataformas en las que puedes encontrar nuevos shaders<\/strong> sin tener que crearlos t\u00fa mismo. La comunidad de creadores de shaders est\u00e1 creciendo r\u00e1pidamente, y A menudo puedes utilizar las obras que comparten para proyectos no comerciales.<\/strong><\/p>\n\n\n\n

Para encontrar los shaders .FS:<\/strong> https:\/\/www.interactiveshaderformat.com\/<\/em><\/a><\/p>\n\n\n\n

Para encontrar los shaders .FRAG:<\/strong> http:\/\/glslsandbox.com\/<\/a><\/em> y https:\/\/www.shadertoy.com\/<\/em><\/a><\/p>\n\n\n\n

Nota: Los archivos .FRAG no son compatibles con HeavyM. Es necesario convertirlos a .ISF; a continuaci\u00f3n te indicamos c\u00f3mo hacerlo.<\/p>\n\n\n\n

Aseg\u00farate de consultar los derechos de uso que figuran en la licencia, que suelen especificarse al principio del c\u00f3digo del shader. Si no hay indicaciones espec\u00edficas, se aplica la ley de derechos de autor por defecto, por lo que te recomendamos encarecidamente que consultes con el autor si tienes intenci\u00f3n de utilizar el shader con fines comerciales.<\/p>\n\n\n\n

Importaci\u00f3n de shaders<\/strong><\/h3>\n\n\n\n

Como ya se ha mencionado, En HeavyM hay dos categor\u00edas principales de shaders: los shaders de generaci\u00f3n y los shaders de procesamiento.<\/strong> HeavyM te permite combinar f\u00e1cilmente shaders de estas dos categor\u00edas. HeavyM ofrece shaders predeterminados en las pesta\u00f1as \u00abBiblioteca\u00bb de cada ventana de selecci\u00f3n de shaders. Todos estos shaders est\u00e1n en formato .FS y, por lo tanto, cumplen con el est\u00e1ndar ISF. Para importar tus propios shaders a la pesta\u00f1a \u00abMis shaders\u00bb,<\/strong> Deben cumplir con este est\u00e1ndar. De este modo, los par\u00e1metros de tus shaders se pueden modificar f\u00e1cilmente desde la interfaz de HeavyM.<\/p>\n\n\n\n

\u00bfQuieres importar otros formatos de shaders a HeavyM? Es muy sencillo convertir los shaders con estas herramientas:<\/p>\n\n\n\n