{"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-16T09:41:54","modified_gmt":"2026-07-16T07:41:54","slug":"using-shaders","status":"publish","type":"post","link":"https:\/\/www.heavym.net\/es\/using-shaders\/","title":{"rendered":"Using shaders"},"content":{"rendered":"

What is a shader?<\/h2>\n\n\n\n

A shader is a type of computer program specifically designed to run on a graphics processing unit (GPU).<\/strong> The term ‘shader’ comes from ‘shade,’ as one of the earliest uses of shaders was to simulate shadows and reflections in 3D graphics. However, today, shaders are used for a wide variety of graphic processing tasks,<\/strong> from applying textures and colors to generating complex special effects.<\/p>\n\n\n\n

Shaders operate at a very low level,<\/strong> meaning they have direct and precise control over the individual pixels that make up an image or video. They can manipulate image data very quickly with minimal resources, making them particularly useful for real-time graphics applications,<\/strong> such as video games, virtual reality, and video mapping.<\/p>\n\n\n\n

The different types of shaders<\/h2>\n\n\n\n

There are different types of shaders, including vertex shaders, which manipulate 3D data points (vertices), geometry shaders, which generate new shapes from these points, and fragment shaders (also called pixel shaders), which determine the final color of each pixel on the screen. Shaders are typically written in specialized programming languages, such as GLSL (OpenGL Shading Language) or HLSL (High-Level Shading Language) for DirectX.<\/strong><\/p>\n\n\n\n

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

The fragment shader or pixel shader is a shader designed to compute the color of each pixel individually.<\/strong> It takes as input the data of each pixel in the image (position, texture coordinates, color) and returns its color.<\/p>\n\n\n\n

These shaders are what you’ll be most interested in using with HeavyM. They are usually .FRAG files or .FS files in the case of ISF format.<\/strong> The ISF format provides a standard for GLSL fragment shaders,<\/strong> making them easier to interpret by interactive applications.<\/p>\n\n\n\n

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

Vertex shaders are used to transform vertices into pixels.<\/p>\n\n\n\n

They are .VS files<\/strong> that sometimes accompany the pixel shader, sharing the same name and needing to be located in the same folder.<\/p>\n\n\n\n

HeavyM Shape Effect Shaders<\/strong><\/h3>\n\n\n\n

When you click on the red icons on the right side of the HeavyM interface, you gain access to categories of effects that automatically adapt to the drawn shapes. These effects are linked to the groups in the layers panel on the left. All shapes within a group share the same appearance. To apply different effects to different shapes, you need to create additional groups and add shapes to them.<\/p>\n\n\n\n

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

It is currently not possible to add or modify the code of existing effect shaders in this category.<\/strong><\/p>\n\n\n\n

Image Generation Shaders<\/strong><\/h3>\n\n\n\n

You can add image generation shaders as sources in the panel accessible via the white icon located in the vertical toolbar on the right. These shaders require the creation of a player to be displayed. Then, link the source to the player by clicking on the target-shaped icon. Image generation shaders do not have a default duration because they are programs that run in a loop. However, you can adjust the display duration of the source.<\/p>\n\n\n\n

It is currently not possible to add or modify the code of existing effect shaders in this category.<\/strong><\/p>\n\n\n\n

Image Generation Shaders<\/strong><\/h2>\n\n\n\n

You can add image generation shaders as sources in the panel accessible via the white icon located in the vertical toolbar on the right. These shaders require the creation of a player to be displayed. Then, link the source to the player by clicking on the target-shaped icon. Image generation shaders do not have a default duration because they are programs that run in a loop. However, you can adjust the display duration of the source.<\/p>\n\n\n\n

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

Processing Shaders on Players<\/strong><\/h3>\n\n\n\n

You have the option to apply image processing effects to the player. To do this, select the player and add effects in the Properties panel at the bottom left using the + button. The effects are added sequentially. Each player is independent, so the source and processing effects will differ between players, even if the players are in the same group.<\/p>\n\n\n\n

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

Importing or Creating Shaders<\/strong><\/h2>\n\n\n\n

Where to Find Shaders?<\/strong><\/h3>\n\n\n\n

You don\u2019t need to know how to program to use shaders with HeavyM. In addition to the library already included in the software, there are platforms where you can find new shaders<\/strong> without having to create them yourself. The community of shader creators is growing rapidly, and you can often use the works they share for non-commercial projects.<\/strong><\/p>\n\n\n\n

To find .FS shaders:<\/strong> https:\/\/www.interactiveshaderformat.com\/<\/em><\/a><\/p>\n\n\n\n

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

Note: .FRAG files are not recognized in HeavyM. They need to be converted to .ISF, and we provide a method for this below.<\/p>\n\n\n\n

Make sure to check the usage rights in the license, usually specified at the beginning of the shader\u2019s code. If there are no specific indications, copyright applies by default, so we strongly recommend discussing with the author if you intend to use the shader for commercial purposes.<\/p>\n\n\n\n

Importing Shaders<\/strong><\/h3>\n\n\n\n

As mentioned, there are two main categories of shaders in HeavyM: generation shaders and processing shaders.<\/strong> HeavyM allows you to easily combine shaders from these two categories. HeavyM offers default shaders in the Library tabs of each shader selection window. All these shaders are .FS and therefore adhere to the ISF standard. To import your own shaders into the My Shaders tab,<\/strong> they must comply with this standard. This way, the parameters of your shaders can be easily modified within HeavyM\u2019s interface.<\/p>\n\n\n\n

Want to import other shader formats into HeavyM? It\u2019s very simple to convert shaders using these tools:<\/p>\n\n\n\n