{"id":10381,"date":"2021-10-12T09:37:11","date_gmt":"2021-10-12T07:37:11","guid":{"rendered":"https:\/\/www.heavym.net\/?p=10381"},"modified":"2025-02-27T16:35:18","modified_gmt":"2025-02-27T15:35:18","slug":"heavym-shaders","status":"publish","type":"post","link":"https:\/\/www.heavym.net\/es\/heavym-shaders\/","title":{"rendered":"Introducci\u00f3n a los shaders HeavyM para crear tus propios VFX"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"10381\" class=\"elementor elementor-10381\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-494341b0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"494341b0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ae20a09\" data-id=\"ae20a09\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-31bd2b48 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31bd2b48\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1ad489a0\" data-id=\"1ad489a0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a9d498a elementor-widget elementor-widget-image\" data-id=\"4a9d498a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.heavym.net\/es\/blog\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/elementor\/thumbs\/left-arrow-1-1-r2d9qop5ml0l2632kp091novcehjbv3yr2wx4iutee.png\" title=\"flecha izquierda (1)\" alt=\"flecha izquierda (1)\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 15px; --smush-placeholder-aspect-ratio: 15\/15;\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-inner-column elementor-element elementor-element-5ed43746\" data-id=\"5ed43746\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23f0e2c0 elementor-widget elementor-widget-heading\" data-id=\"23f0e2c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.heavym.net\/es\/blog\/\">Volver a la p\u00e1gina de inicio del blog<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aef4880 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aef4880\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bd3671\" data-id=\"6bd3671\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-976c28a elementor-widget elementor-widget-heading\" data-id=\"976c28a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Introducci\u00f3n a los shaders HeavyM para crear tus propios VFX<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-facbf00 elementor-widget elementor-widget-heading\" data-id=\"facbf00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Introducci\u00f3n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90a065f elementor-widget elementor-widget-text-editor\" data-id=\"90a065f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">\u00bfTe interesa crear tus propios efectos visuales en HeavyM? En este art\u00edculo te presentamos las apasionantes posibilidades creativas que ofrecen los shaders. Por cierto, \u00bfqu\u00e9 es un shader?<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f279fe elementor-widget elementor-widget-text-editor\" data-id=\"9f279fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Un sombreador es un programa inform\u00e1tico que se ejecuta en la tarjeta gr\u00e1fica de tu ordenador. Permite manipular r\u00e1pidamente los datos que se muestran en la pantalla o en el proyector de v\u00eddeo: los p\u00edxeles.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c31ee6a elementor-widget elementor-widget-text-editor\" data-id=\"c31ee6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Es una tecnolog\u00eda poco conocida porque se considera abstracta, pero los sombreadores est\u00e1n muy presentes en nuestra vida cotidiana. Estos peque\u00f1os programas inform\u00e1ticos simulan con realismo efectos visuales complejos como la lluvia, la niebla, el reflejo de la luz, el relieve de los objetos, etc. Por eso se utilizan mucho en videojuegos, pel\u00edculas que requieren efectos especiales, plat\u00f3s de televisi\u00f3n... y en el arte digital, el campo en el que nos centramos aqu\u00ed.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41126e4 elementor-widget elementor-widget-text-editor\" data-id=\"41126e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">En el software HeavyM, los sombreadores incorporados ofrecen muchas posibilidades. Tambi\u00e9n es posible importar tus propios shaders, \u00a1aumentando as\u00ed infinitamente el n\u00famero de combinaciones!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b4dba3 elementor-widget elementor-widget-image\" data-id=\"8b4dba3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"512\" height=\"288\" src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/07\/1-3.jpeg.webp\" class=\"attachment-full size-full wp-image-11155\" alt=\"Ejemplo de videojuego que utiliza shaders: Minecraft\" srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/07\/1-3.jpeg.webp 512w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/07\/1-3-300x169.jpeg.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/07\/1-3-16x9.jpeg.webp 16w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/07\/1-3-350x197.jpeg.webp 350w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12035a3 elementor-widget elementor-widget-text-editor\" data-id=\"12035a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><i><span style=\"font-weight: 400;\">Ejemplo de videojuego que utiliza shaders: Minecraft<\/span><\/i><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c002db elementor-widget elementor-widget-image\" data-id=\"9c002db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"563\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance.png.webp\" class=\"attachment-full size-full wp-image-13237 lazyload\" alt=\"Proyecci\u00f3n cartogr\u00e1fica del rendimiento de la mina\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance.png.webp 1000w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance-300x169.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance-768x432.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance-18x10.png.webp 18w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance-350x197.png.webp 350w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance-860x484.png.webp 860w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/563;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b1ede1 elementor-widget elementor-widget-text-editor\" data-id=\"9b1ede1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><i><span style=\"font-weight: 400;\">Ejemplo de uso de un sombreador durante una ejecuci\u00f3n de mapeado de proyecci\u00f3n<\/span><\/i><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c629879 elementor-widget elementor-widget-heading\" data-id=\"c629879\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Parte 1: Tecnolog\u00eda de sombreado<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-183d328 elementor-widget elementor-widget-text-editor\" data-id=\"183d328\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Para comprender mejor la idea de los sombreadores, tomemos como ejemplo la creaci\u00f3n de un dibujo a mano. Hay que dibujar uno a uno los elementos que lo componen. Empezar\u00edas con formas geom\u00e9tricas como c\u00edrculos, rect\u00e1ngulos y l\u00edneas y luego a\u00f1adir\u00edas colores. Proceder\u00edas paso a paso como si tuvieras que copiar el dibujo manualmente. Con los sombreadores, el proceso es mucho m\u00e1s r\u00e1pido porque todas estas operaciones se realizan a la vez, como un sello aplicado a tu hoja de papel con un solo gesto. Lo que es a\u00fan mejor es que este sello puede cambiar en funci\u00f3n de la informaci\u00f3n proporcionada, como la hora, la posici\u00f3n o los colores de los elementos ya presentes en tu hoja.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c59e238 elementor-widget elementor-widget-heading\" data-id=\"c59e238\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00bfPor qu\u00e9 son r\u00e1pidos los sombreadores?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46ee873 elementor-widget elementor-widget-text-editor\" data-id=\"46ee873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Los shaders son programas muy ligeros porque, a diferencia de softwares como HeavyM, que contienen varios cientos de miles de l\u00edneas de c\u00f3digo, un shader suele contener s\u00f3lo unos cientos de l\u00edneas como m\u00e1ximo. La velocidad de los shaders se debe principalmente a la arquitectura del hardware que permite su ejecuci\u00f3n: la tarjeta gr\u00e1fica. Para utilizar HeavyM, sin duda hay que prestar atenci\u00f3n a esta cuesti\u00f3n, ya que permite multiplicar las posibilidades que ofrece el software.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-778db6d elementor-widget elementor-widget-text-editor\" data-id=\"778db6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">A diferencia de la CPU del ordenador, que procesa las tareas una tras otra, los c\u00e1lculos de la tarjeta gr\u00e1fica se realizan en paralelo. En lugar de tener un \u00fanico procesador con una potencia de c\u00e1lculo considerable, la tarjeta gr\u00e1fica tiene multitud de peque\u00f1os procesadores. Esto significa que pueden realizar tareas simult\u00e1neamente. Gracias a esta paralelizaci\u00f3n, los shaders pueden realizar c\u00e1lculos gr\u00e1ficos complejos en unos pocos milisegundos.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c112964 elementor-widget elementor-widget-heading\" data-id=\"c112964\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">La ventaja de los sombreadores: arte interactivo<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-183e954 elementor-widget elementor-widget-text-editor\" data-id=\"183e954\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Gracias a la velocidad de ejecuci\u00f3n de los shaders, es posible crear im\u00e1genes en tiempo real, es decir, que se generan en el momento en que se ven. El t\u00e9rmino tiempo real se utiliza en contraste con el t\u00e9rmino precomputado, que se aplica a un archivo de v\u00eddeo que se renderiza fotograma a fotograma. Los c\u00e1lculos de renderizado pueden llevar mucho tiempo, \u00a1hasta varios d\u00edas! Con los shaders, se pueden manipular directamente las im\u00e1genes, como en un videojuego. El arte digital interactivo se basa en este principio de tiempo real porque permite generar visuales que reaccionan a la m\u00fasica o a los movimientos de la gente. Para ver dos ejemplos de performance que mezclan m\u00fasica y visuales, eche un vistazo a la obra de <\/span><strong><a href=\"https:\/\/www.itsnicethat.com\/features\/weirdcore-aphex-twin-field-day-050617-miscellaneous\">Weirdcore para los conciertos de Aphew Twin<\/a><\/strong><span style=\"font-weight: 400;\"> o <\/span><a href=\"https:\/\/www.nonotak.com\/_SHIRO\"><span style=\"font-weight: 400;\"><strong>Actuaciones de Nonotak<\/strong>.<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb9501b elementor-widget elementor-widget-heading\" data-id=\"fb9501b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Tipos de sombreadores<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71f76a1 elementor-widget elementor-widget-text-editor\" data-id=\"71f76a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Los shaders no son m\u00e1s que archivos de texto con una extensi\u00f3n determinada. Veremos que existen distintos tipos de shaders. El factor com\u00fan es que est\u00e1n codificados en el lenguaje GLSL: OpenGL Shading Language. Existen otros tipos de shaders dependiendo de la plataforma y el hardware, pero aqu\u00ed nos centraremos en los shaders basados en OpenGL. Para utilizar shaders en HeavyM, se necesita una tarjeta gr\u00e1fica que soporte OpenGL 2.0.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-515f37a elementor-widget elementor-widget-heading\" data-id=\"515f37a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Sombreadores de p\u00edxeles o de fragmentos<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a786d20 elementor-widget elementor-widget-text-editor\" data-id=\"a786d20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">El fragment shader o pixel shader es un shader cuyo prop\u00f3sito es calcular el color de cada p\u00edxel individualmente. Toma como entrada los datos de cada p\u00edxel de la imagen (posici\u00f3n, coordenadas de textura, color) y emite su color.<\/span><\/p><p><span style=\"font-weight: 400;\">Son estos shaders los que te interesar\u00e1 utilizar con HeavyM. Suelen ser archivos .FRAG, o .FS en el caso del formato ISF. El formato ISF proporciona un est\u00e1ndar para los fragmentos de shaders GLSL, de modo que puedan ser interpretados m\u00e1s f\u00e1cilmente por las aplicaciones interactivas.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-059c303 elementor-widget elementor-widget-heading\" data-id=\"059c303\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Sombreadores de v\u00e9rtices<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-580b61a elementor-widget elementor-widget-text-editor\" data-id=\"580b61a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Los sombreadores de v\u00e9rtices se utilizan para transformar los picos de entrada en p\u00edxeles.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Es un archivo .VS que a veces acompa\u00f1a al sombreador de p\u00edxeles, tiene el mismo nombre y se encuentra en la misma carpeta.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41e9999 elementor-widget elementor-widget-heading\" data-id=\"41e9999\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00bfD\u00f3nde encontrar shaders?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b659286 elementor-widget elementor-widget-text-editor\" data-id=\"b659286\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">No necesitas saber programaci\u00f3n para utilizar shaders con HeavyM. Adem\u00e1s de la biblioteca incorporada que existe en el software, existen plataformas para encontrar nuevos shaders sin tener que crearlos t\u00fa mismo. La comunidad de artistas de shaders est\u00e1 creciendo y a menudo puedes utilizar libremente las obras que comparten.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0941ad elementor-widget elementor-widget-text-editor\" data-id=\"d0941ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Para encontrar .FS: <a href=\"https:\/\/www.interactiveshaderformat.com\/\"><strong>https:\/\/www.interactiveshaderformat.com\/<\/strong><\/a><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abba810 elementor-widget elementor-widget-text-editor\" data-id=\"abba810\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Para encontrar .FRAG: <strong><a href=\"http:\/\/glslsandbox.com\/\">http:\/\/glslsandbox.com\/<\/a><\/strong> y <strong><a href=\"https:\/\/www.shadertoy.com\/\">https:\/\/www.shadertoy.com\/<\/a><\/strong><\/span><\/p><p><span style=\"font-weight: 400;\">Atenci\u00f3n: los archivos .FRAG no son compatibles con HeavyM. Es necesario convertirlos a .ISF y a continuaci\u00f3n proporcionamos un m\u00e9todo para hacerlo.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1b7eb7 elementor-widget elementor-widget-text-editor\" data-id=\"c1b7eb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Aseg\u00farese de comprobar los derechos de uso en la licencia que suele especificarse al principio del c\u00f3digo del shader. Si no hay ninguna indicaci\u00f3n en particular, los derechos de autor se aplican por defecto y le aconsejamos encarecidamente que hable con el autor del programa si desea hacer un uso comercial del mismo.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2af75ba elementor-widget elementor-widget-heading\" data-id=\"2af75ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Desarrolla tus propios sombreadores<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e39468 elementor-widget elementor-widget-text-editor\" data-id=\"7e39468\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Para crear tus propios shaders, te aconsejamos que utilices directamente el formato ISF para que sean compatibles con un m\u00e1ximo de aplicaciones. El objetivo de este art\u00edculo no es proporcionar un aprendizaje del c\u00f3digo GLSL, el lenguaje utilizado por el formato ISF. Para ello sugerimos la lectura de los muy completos sitios :<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44ce316 elementor-widget elementor-widget-text-editor\" data-id=\"44ce316\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/thebookofshaders.com\/\"><strong>https:\/\/thebookofshaders.com\/<\/strong><\/a> para el lenguaje GLSL<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/docs.isf.video\/\"><strong>https:\/\/docs.isf.video\/<\/strong><\/a> para el formato ISF<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d3a79 elementor-widget elementor-widget-text-editor\" data-id=\"c1d3a79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Sin embargo, para empezar, no dudes en ir al sitio de la ISF y modificar los shaders existentes. Este sitio interactivo permite visualizar en directo las modificaciones realizadas en el sombreador. Tambi\u00e9n es posible partir de una plantilla b\u00e1sica. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c970ae3 elementor-widget elementor-widget-text-editor\" data-id=\"c970ae3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">La principal desventaja de crear y editar shaders es que no hay retroalimentaci\u00f3n de errores. Cuando hay un problema de dise\u00f1o, el shader no se ejecuta ni muestra nada. Entonces es dif\u00edcil encontrar el origen del error. Por lo tanto, es necesario ser riguroso en el c\u00f3digo.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54ce36a elementor-widget elementor-widget-heading\" data-id=\"54ce36a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Parte 2: Sombreadores en HeavyM<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9726525 elementor-widget elementor-widget-text-editor\" data-id=\"9726525\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">El software HeavyM ofrece unos cientos de shaders nativos en su biblioteca de efectos visuales incorporada. En el software se pueden utilizar varios tipos de efectos, en funci\u00f3n de las caracter\u00edsticas utilizadas.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5252660 elementor-widget elementor-widget-heading\" data-id=\"5252660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Efectos de sombreado en las formas<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc24268 elementor-widget elementor-widget-text-editor\" data-id=\"bc24268\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Al hacer clic en los iconos rojos de la parte derecha de la interfaz, 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 grupo tienen el mismo aspecto. Para tener diferentes efectos para diferentes formas, es necesario crear otros grupos y a\u00f1adir formas a ellos.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-752d18a elementor-widget elementor-widget-image\" data-id=\"752d18a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"999\" height=\"113\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-Effects-on-shapes.png.webp\" class=\"attachment-full size-full wp-image-14262 lazyload\" alt=\"HeavyM Sombreadores - Efectos sobre las formas\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-Effects-on-shapes.png.webp 999w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-Effects-on-shapes-300x34.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-Effects-on-shapes-768x87.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-Effects-on-shapes-18x2.png.webp 18w\" data-sizes=\"(max-width: 999px) 100vw, 999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 999px; --smush-placeholder-aspect-ratio: 999\/113;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25a99eb elementor-widget elementor-widget-text-editor\" data-id=\"25a99eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Actualmente no es posible a\u00f1adir o modificar sombreadores de efectos existentes en esta categor\u00eda.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c96abcd elementor-widget elementor-widget-heading\" data-id=\"c96abcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Sombreadores generadores de im\u00e1genes<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e09377 elementor-widget elementor-widget-text-editor\" data-id=\"8e09377\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">A\u00f1ade shaders generadores de im\u00e1genes como fuentes, en el panel accesible 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 ser visualizados. Vincula la fuente al reproductor haciendo clic en el icono de destino. Los shaders generadores de im\u00e1genes no tienen una duraci\u00f3n predeterminada porque se trata de un programa que se ejecuta en bucle. Sin embargo, puede cambiar la duraci\u00f3n de visualizaci\u00f3n de la fuente.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6530f2 elementor-widget elementor-widget-image\" data-id=\"b6530f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"428\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Generative-effects.png.webp\" class=\"attachment-full size-full wp-image-14261 lazyload\" alt=\"Sombreadores - Efectos generativos\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Generative-effects.png.webp 1000w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Generative-effects-300x128.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Generative-effects-768x329.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Generative-effects-18x8.png.webp 18w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/428;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d72009 elementor-widget elementor-widget-heading\" data-id=\"0d72009\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Procesamiento de sombreadores en jugadores<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44ac0a4 elementor-widget elementor-widget-text-editor\" data-id=\"44ac0a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Puede aplicar efectos de tratamiento de im\u00e1genes al reproductor. Para ello, seleccione el reproductor y a\u00f1ada efectos en las Propiedades, en la parte inferior izquierda, utilizando el bot\u00f3n +. Los efectos se a\u00f1aden uno tras otro. Cada reproductor es independiente, por lo que la fuente y los efectos de procesamiento ser\u00e1n diferentes entre los reproductores, incluso si los reproductores est\u00e1n en el mismo grupo.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84f8634 elementor-widget elementor-widget-image\" data-id=\"84f8634\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"999\" height=\"464\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Players-effects.png.webp\" class=\"attachment-full size-full wp-image-14260 lazyload\" alt=\"Shaders - Efectos de jugador\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Players-effects.png.webp 999w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Players-effects-300x139.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Players-effects-768x357.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Players-effects-18x8.png.webp 18w\" data-sizes=\"(max-width: 999px) 100vw, 999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 999px; --smush-placeholder-aspect-ratio: 999\/464;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b87a3c0 elementor-widget elementor-widget-heading\" data-id=\"b87a3c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Procesamiento de sombreadores en secuencias<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-903a8c4 elementor-widget elementor-widget-text-editor\" data-id=\"903a8c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Tambi\u00e9n se pueden aplicar sombreadores de procesamiento de im\u00e1genes a toda la salida de v\u00eddeo. Estos efectos son relativos a las secuencias. Para a\u00f1adir un efecto de procesamiento a una secuencia, haga clic en la rueda dentada y a\u00f1ada un sombreador utilizando el bot\u00f3n +. Los efectos de procesamiento en las secuencias son los mismos que los efectos de procesamiento en los reproductores.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23cf2d7 elementor-widget elementor-widget-image\" data-id=\"23cf2d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"426\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sequences-effects.png.webp\" class=\"attachment-full size-full wp-image-14255 lazyload\" alt=\"Sombreadores HeavyM - Efectos de secuencia\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sequences-effects.png.webp 1000w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sequences-effects-300x128.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sequences-effects-768x327.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sequences-effects-18x8.png.webp 18w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/426;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e817dd elementor-widget elementor-widget-heading\" data-id=\"8e817dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Sombreadores de transici\u00f3n en secuencias<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f40ca7 elementor-widget elementor-widget-text-editor\" data-id=\"3f40ca7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Las transiciones tambi\u00e9n est\u00e1n relacionadas con la secuencia y se aplican a toda la salida de v\u00eddeo. Por defecto, la transici\u00f3n aplicada es un fundido de 0,20s. Modifique esta transici\u00f3n en el men\u00fa accesible haciendo clic en la rueda dentada de la secuencia. Las transiciones s\u00f3lo se aplican a la entrada de la secuencia.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cf041d elementor-widget elementor-widget-image\" data-id=\"7cf041d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"657\" height=\"487\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Transitions.png.webp\" class=\"attachment-full size-full wp-image-14244 lazyload\" alt=\"HeavyM - Transiciones\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Transitions.png.webp 657w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Transitions-300x222.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Transitions-16x12.png.webp 16w\" data-sizes=\"(max-width: 657px) 100vw, 657px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 657px; --smush-placeholder-aspect-ratio: 657\/487;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49b5abf elementor-widget elementor-widget-heading\" data-id=\"49b5abf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Importar shaders<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e6fcd1 elementor-widget elementor-widget-text-editor\" data-id=\"5e6fcd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Hemos visto que existen dos categor\u00edas principales de shaders en HeavyM: shaders de generaci\u00f3n y shaders de procesamiento. HeavyM facilita la combinaci\u00f3n de shaders de estas dos categor\u00edas. HeavyM proporciona shaders por defecto en las pesta\u00f1as Library de cada ventana de selecci\u00f3n de shaders. Todos estos shaders son .FS y, por tanto, cumplen la norma ISF. Para importar tus propios shaders en la pesta\u00f1a My Shaders, es necesario respetar esta norma. De este modo, los par\u00e1metros de tus shaders pueden modificarse f\u00e1cilmente con la interfaz de HeavyM.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f42a195 elementor-widget elementor-widget-text-editor\" data-id=\"f42a195\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"translation-block\"><span style=\"font-weight: 400\">\u00bfQuieres importar otros formatos de shaders a HeavyM? Es muy f\u00e1cil convertir shaders utilizando estas herramientas: <\/span><strong><a href=\"https:\/\/isf.vidvox.net\/desktop-editor\/\" target=\"_blank\" rel=\"noopener\">Desktop ISF Editor<\/a><\/strong><span style=\"font-size: 16px\">\u00a0(Windows beta\/Mac) con funciones \"Import from GLSL Sandbox\" e \"Import from Shadertoy\".<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d4fa8 elementor-widget elementor-widget-text-editor\" data-id=\"c1d4fa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"translation-block\"><span style=\"font-weight: 400\">Por \u00faltimo, si quieres comprender en detalle la arquitectura del formato ISF para crear el tuyo propio, te aconsejamos que eches un vistazo a la documentaci\u00f3n del formato ISF: <\/span><strong><a href=\"https:\/\/docs.isf.video\/\" target=\"_self\">https:\/\/docs.isf.video\/<\/a> <\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-659fe77 elementor-widget elementor-widget-heading\" data-id=\"659fe77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Parte 3: control de los sombreadores<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4310df2 elementor-widget elementor-widget-text-editor\" data-id=\"4310df2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Los shaders permiten crear efectos visuales en tiempo real que pueden modificarse en directo, sin tener que pasar por una etapa de renderizado. Aqu\u00ed tienes las distintas posibilidades para controlar tus efectos y crear visuales interactivos.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-171a6d8 elementor-widget elementor-widget-text-editor\" data-id=\"171a6d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Los par\u00e1metros del sombreador pueden modificarse haciendo clic en la rueda dentada del icono de la fuente. La escala de valores est\u00e1 normalizada entre 0 y 100 y no corresponde a una unidad concreta. En HeavyM se ofrecen diferentes modos de variaci\u00f3n de los par\u00e1metros, encu\u00e9ntralos haciendo clic en la flecha situada junto a cada par\u00e1metro del sombreador.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26953df elementor-widget elementor-widget-heading\" data-id=\"26953df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">El modo Valor fijo<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a365f8e elementor-widget elementor-widget-text-editor\" data-id=\"a365f8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Este es el modo por defecto que le permite cambiar el valor con el rat\u00f3n. La desventaja es que s\u00f3lo puedes cambiar un par\u00e1metro a la vez. Tambi\u00e9n puedes introducir un valor con el teclado.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c22ed3a elementor-widget elementor-widget-heading\" data-id=\"c22ed3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Los generadores de valor<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6417680 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6417680\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ccd6950\" data-id=\"ccd6950\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ac94ed elementor-widget elementor-widget-text-editor\" data-id=\"7ac94ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">HeavyM ofrece 7 generadores de valores que permiten modificar autom\u00e1ticamente los par\u00e1metros de los sombreadores. Se trata de generadores de tipo LFO (oscilador de baja frecuencia), como los que se encuentran en los programas de m\u00fasica o en los sintetizadores. Para cada generador, existen dos modos de animaci\u00f3n: BPM o temporal. El modo BPM est\u00e1 vinculado al Tempo general en la parte inferior derecha de la interfaz, simbolizado por el icono del metr\u00f3nomo. El modo temporal permite definir una frecuencia independiente del Tempo general.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-19ee236\" data-id=\"19ee236\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c48d53 elementor-widget elementor-widget-image\" data-id=\"6c48d53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"272\" height=\"291\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-LFOs.png.webp\" class=\"attachment-full size-full wp-image-14240 lazyload\" alt=\"HeavyM - LFOs\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-LFOs.png.webp 272w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-LFOs-11x12.png.webp 11w\" data-sizes=\"(max-width: 272px) 100vw, 272px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 272px; --smush-placeholder-aspect-ratio: 272\/291;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a9616 elementor-widget elementor-widget-heading\" data-id=\"e2a9616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Control mediante un an\u00e1lisis s\u00f3lido<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1cbcb86 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1cbcb86\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-23e9080\" data-id=\"23e9080\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3b3d6e0 elementor-widget elementor-widget-text-editor\" data-id=\"3b3d6e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">En la parte inferior derecha de la interfaz se encuentra el m\u00f3dulo de an\u00e1lisis del sonido. Permite detectar variaciones de amplitud en 3 rangos de frecuencia diferentes: Graves Medios Altos. Puedes encontrar las variaciones de estos valores en los modos de variaci\u00f3n de los par\u00e1metros del shader.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-fde7f5c\" data-id=\"fde7f5c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f396bc6 elementor-widget elementor-widget-image\" data-id=\"f396bc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"323\" height=\"175\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sound-analysis.png.webp\" class=\"attachment-full size-full wp-image-14236 lazyload\" alt=\"Sombreadores HeavyM - An\u00e1lisis del sonido\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sound-analysis.png.webp 323w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sound-analysis-300x163.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sound-analysis-18x10.png.webp 18w\" data-sizes=\"(max-width: 323px) 100vw, 323px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 323px; --smush-placeholder-aspect-ratio: 323\/175;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-57d6429 elementor-widget elementor-widget-heading\" data-id=\"57d6429\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Control MIDI<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10a497d elementor-widget elementor-widget-text-editor\" data-id=\"10a497d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">\u00bfDesea controlar manualmente varios par\u00e1metros al mismo tiempo? Utiliza el protocolo MIDI. Existen muchos controladores MIDI para m\u00fasica en el mercado. Todos ellos son compatibles con HeavyM. Conecta tu hardware en la ventana de configuraci\u00f3n, accesible a trav\u00e9s del icono naranja situado en la esquina superior derecha de la interfaz. A continuaci\u00f3n, el modo de aprendizaje MIDI te permite configurar el enlace entre los par\u00e1metros del sombreador y las teclas de tu hardware.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0292179 elementor-widget elementor-widget-image\" data-id=\"0292179\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"998\" height=\"620\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-MIDI-1.png.webp\" class=\"attachment-full size-full wp-image-14232 lazyload\" alt=\"HeavyM Shaders - MIDI\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-MIDI-1.png.webp 998w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-MIDI-1-300x186.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-MIDI-1-768x477.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-MIDI-1-18x12.png.webp 18w\" data-sizes=\"(max-width: 998px) 100vw, 998px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 998px; --smush-placeholder-aspect-ratio: 998\/620;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47b757c elementor-widget elementor-widget-heading\" data-id=\"47b757c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusi\u00f3n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-177ef86 elementor-widget elementor-widget-text-editor\" data-id=\"177ef86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Las posibilidades creativas que ofrecen los sombreadores son infinitas. Estos programas le permiten aprovechar la potencia de su tarjeta gr\u00e1fica con s\u00f3lo unos clics. Su ordenador le permite acceder f\u00e1cilmente al arte generativo, que consiste en crear obras a partir de algoritmos. Muchos artistas digitales utilizan esta t\u00e9cnica, por ejemplo Antoine Schmidt, Miguel Chevalier, Vera Moln\u00e1r, Du Zhenjun, Daniel Rozin...\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Con HeavyM, hemos visto que es muy f\u00e1cil utilizar y controlar los shaders. \u00a1Comb\u00ednalos sin l\u00edmites para crear tus propios efectos visuales y tu propia identidad!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Back to Blog home Introduction to the HeavyM shaders to create your own VFX Introduction You&#8217;re interested in creating your own visual effects in HeavyM? In this article, we will introduce the exciting creative possibilities offered by the shaders. By the way, what is a shader? A shader is a computer program that runs on [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":11155,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-10381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Introduction to HeavyM Shaders \u2013 Create Your Own VFX<\/title>\n<meta name=\"description\" content=\"Interested in creating your own HeavyM shaders? We&#039;ll introduce the exciting creative possibilities offered by the software to do it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.heavym.net\/es\/heavym-shaders\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introduction to the HeavyM shaders to create your own VFX\" \/>\n<meta property=\"og:description\" content=\"Interested in creating your own HeavyM shaders? We&#039;ll introduce the exciting creative possibilities offered by the software to do it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.heavym.net\/es\/heavym-shaders\/\" \/>\n<meta property=\"og:site_name\" content=\"HeavyM\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-12T07:37:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-27T15:35:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"288\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"HeavyM Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/\"},\"author\":{\"name\":\"HeavyM Team\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#\\\/schema\\\/person\\\/91aa653987c9f5917f1a56dd531a1b11\"},\"headline\":\"Introduction to the HeavyM shaders to create your own VFX\",\"datePublished\":\"2021-10-12T07:37:11+00:00\",\"dateModified\":\"2025-02-27T15:35:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/\"},\"wordCount\":2068,\"publisher\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/1-3.jpeg\",\"articleSection\":[\"Technology\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/\",\"name\":\"Introduction to HeavyM Shaders \u2013 Create Your Own VFX\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/1-3.jpeg\",\"datePublished\":\"2021-10-12T07:37:11+00:00\",\"dateModified\":\"2025-02-27T15:35:18+00:00\",\"description\":\"Interested in creating your own HeavyM shaders? We'll introduce the exciting creative possibilities offered by the software to do it.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/1-3.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/1-3.jpeg\",\"width\":512,\"height\":288,\"caption\":\"Example of a video game using shaders: Minecraft\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.heavym.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduction to the HeavyM shaders to create your own VFX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#website\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/\",\"name\":\"HeavyM\",\"description\":\"Easy Projection Mapping\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.heavym.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\",\"name\":\"HeavyM\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Logo-Horizontale-Base-Avec-signature-100.jpg\",\"contentUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/Logo-Horizontale-Base-Avec-signature-100.jpg\",\"width\":426,\"height\":426,\"caption\":\"HeavyM\"},\"image\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#\\\/schema\\\/person\\\/91aa653987c9f5917f1a56dd531a1b11\",\"name\":\"HeavyM Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g\",\"caption\":\"HeavyM Team\"},\"url\":\"https:\\\/\\\/www.heavym.net\\\/es\\\/author\\\/houssam\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Introducci\u00f3n a los shaders HeavyM - Crea tus propios VFX","description":"\u00bfLe interesa crear sus propios sombreadores HeavyM? Le presentaremos las apasionantes posibilidades creativas que ofrece el software para hacerlo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.heavym.net\/es\/heavym-shaders\/","og_locale":"es_ES","og_type":"article","og_title":"Introduction to the HeavyM shaders to create your own VFX","og_description":"Interested in creating your own HeavyM shaders? We'll introduce the exciting creative possibilities offered by the software to do it.","og_url":"https:\/\/www.heavym.net\/es\/heavym-shaders\/","og_site_name":"HeavyM","article_published_time":"2021-10-12T07:37:11+00:00","article_modified_time":"2025-02-27T15:35:18+00:00","og_image":[{"width":512,"height":288,"url":"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg","type":"image\/jpeg"}],"author":"HeavyM Team","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.heavym.net\/heavym-shaders\/#article","isPartOf":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/"},"author":{"name":"HeavyM Team","@id":"https:\/\/www.heavym.net\/#\/schema\/person\/91aa653987c9f5917f1a56dd531a1b11"},"headline":"Introduction to the HeavyM shaders to create your own VFX","datePublished":"2021-10-12T07:37:11+00:00","dateModified":"2025-02-27T15:35:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/"},"wordCount":2068,"publisher":{"@id":"https:\/\/www.heavym.net\/#organization"},"image":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg","articleSection":["Technology"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.heavym.net\/heavym-shaders\/","url":"https:\/\/www.heavym.net\/heavym-shaders\/","name":"Introducci\u00f3n a los shaders HeavyM - Crea tus propios VFX","isPartOf":{"@id":"https:\/\/www.heavym.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/#primaryimage"},"image":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg","datePublished":"2021-10-12T07:37:11+00:00","dateModified":"2025-02-27T15:35:18+00:00","description":"\u00bfLe interesa crear sus propios sombreadores HeavyM? Le presentaremos las apasionantes posibilidades creativas que ofrece el software para hacerlo.","breadcrumb":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heavym.net\/heavym-shaders\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.heavym.net\/heavym-shaders\/#primaryimage","url":"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg","contentUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg","width":512,"height":288,"caption":"Example of a video game using shaders: Minecraft"},{"@type":"BreadcrumbList","@id":"https:\/\/www.heavym.net\/heavym-shaders\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.heavym.net\/"},{"@type":"ListItem","position":2,"name":"Introduction to the HeavyM shaders to create your own VFX"}]},{"@type":"WebSite","@id":"https:\/\/www.heavym.net\/#website","url":"https:\/\/www.heavym.net\/","name":"HeavyM","description":"Video mapping de f\u00e1cil proyecci\u00f3n","publisher":{"@id":"https:\/\/www.heavym.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.heavym.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.heavym.net\/#organization","name":"HeavyM","url":"https:\/\/www.heavym.net\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.heavym.net\/#\/schema\/logo\/image\/","url":"https:\/\/www.heavym.net\/wp-content\/uploads\/2025\/02\/Logo-Horizontale-Base-Avec-signature-100.jpg","contentUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2025\/02\/Logo-Horizontale-Base-Avec-signature-100.jpg","width":426,"height":426,"caption":"HeavyM"},"image":{"@id":"https:\/\/www.heavym.net\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.heavym.net\/#\/schema\/person\/91aa653987c9f5917f1a56dd531a1b11","name":"Equipo HeavyM","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g","caption":"HeavyM Team"},"url":"https:\/\/www.heavym.net\/es\/author\/houssam\/"}]}},"_links":{"self":[{"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/posts\/10381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/comments?post=10381"}],"version-history":[{"count":81,"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/posts\/10381\/revisions"}],"predecessor-version":[{"id":32776,"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/posts\/10381\/revisions\/32776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/media\/11155"}],"wp:attachment":[{"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/media?parent=10381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/categories?post=10381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heavym.net\/es\/wp-json\/wp\/v2\/tags?post=10381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}