{"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\/pt\/using-shaders\/","title":{"rendered":"Utiliza\u00e7\u00e3o de shaders"},"content":{"rendered":"<h2 class=\"wp-block-heading\" id=\"h-tl-dr\">Resumo <\/h2>\n\n\n\n<p>Os shaders s\u00e3o pequenos programas gr\u00e1ficos executados na GPU que criam efeitos visuais generativos em tempo real. No mapping de proje\u00e7\u00e3o, proporcionam texturas infinitas e din\u00e2micas sem a necessidade de ficheiros de v\u00eddeo pesados. Utilizando software como o HeavyM, \u00e9 poss\u00edvel importar facilmente formatos padr\u00e3o, como o ISF, e manipular efeitos visuais generativos sem qualquer necessidade de programa\u00e7\u00e3o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-a-shader\">O que \u00e9 um shader?<\/h2>\n\n\n\n<p><strong>Um shader \u00e9 um tipo de programa inform\u00e1tico concebido especificamente para ser executado numa unidade de processamento gr\u00e1fico (GPU).<\/strong> O termo \u2018shader\u2019 deriva de \u2018shade\u2019 (sombra), uma vez que uma das primeiras utiliza\u00e7\u00f5es dos shaders consistia em simular sombras e reflexos nos gr\u00e1ficos 3D. No entanto, hoje em dia, <strong>Os shaders s\u00e3o utilizados numa grande variedade de tarefas de processamento gr\u00e1fico,<\/strong> desde a aplica\u00e7\u00e3o de texturas e cores at\u00e9 \u00e0 cria\u00e7\u00e3o de efeitos especiais complexos.<\/p>\n\n\n\n<p>Shaders <strong>funcionam a um n\u00edvel muito baixo,<\/strong> o que significa que t\u00eam um controlo direto e preciso sobre os p\u00edxeis individuais que comp\u00f5em uma imagem ou um v\u00eddeo. Conseguem manipular os dados da imagem muito rapidamente com recursos m\u00ednimos, o que as torna particularmente <strong>\u00fatil para aplica\u00e7\u00f5es gr\u00e1ficas em tempo real,<\/strong> tais como jogos de v\u00eddeo, realidade virtual e <a href=\"https:\/\/www.heavym.net\/pt\/what-content-to-project\/\">mapeamento de v\u00eddeo<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-different-types-of-shaders\">Os diferentes tipos de shaders<\/h2>\n\n\n\n<p>Existem diferentes tipos de shaders, incluindo os shaders de v\u00e9rtices, que manipulam pontos de dados 3D (v\u00e9rtices), os shaders de geometria, que geram novas formas a partir desses pontos, e os shaders de fragmentos (tamb\u00e9m chamados de shaders de p\u00edxeis), que determinam a cor final de cada pixel no ecr\u00e3. Os shaders s\u00e3o normalmente escritos em linguagens de programa\u00e7\u00e3o especializadas, tais como <strong>GLSL (OpenGL Shading Language) ou HLSL (High-Level Shading Language) para o DirectX.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-pixel-shaders-or-fragment-shaders\"><strong>Sombreadores de pix\u00e9is ou sombreadores de fragmentos<\/strong><\/h4>\n\n\n\n<p><strong>O shader de fragmentos, ou shader de p\u00edxeis, \u00e9 um shader concebido para calcular a cor de cada p\u00edxel individualmente.<\/strong> Recebe como entrada os dados de cada pixel da imagem (posi\u00e7\u00e3o, coordenadas de textura, cor) e devolve a sua cor.<\/p>\n\n\n\n<p>Estes shaders s\u00e3o os que mais lhe interessar\u00e1 utilizar com o HeavyM. Normalmente, s\u00e3o <strong>.Ficheiros .FRAG ou .FS, no caso do formato ISF.<\/strong> O formato ISF define uma norma para fragmentos GLSL <strong>shaders,<\/strong> tornando-os mais f\u00e1ceis de interpretar por aplica\u00e7\u00f5es interativas.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Sombreadores de v\u00e9rtices<\/strong><\/h4>\n\n\n\n<p>Os shaders de v\u00e9rtices s\u00e3o utilizados para transformar v\u00e9rtices em p\u00edxeis.<\/p>\n\n\n\n<p>S\u00e3o <strong>.Ficheiros .VS<\/strong> que, por vezes, acompanham o pixel shader, partilhando o mesmo nome e tendo de estar localizados na mesma pasta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Shaders de efeito de forma HeavyM<\/strong><\/h3>\n\n\n\n<p>Ao clicar nos \u00edcones vermelhos no lado direito da interface do HeavyM, obt\u00e9m acesso a categorias de efeitos que se adaptam automaticamente \u00e0s formas desenhadas. Estes efeitos est\u00e3o associados aos grupos no painel de camadas \u00e0 esquerda. Todas as formas dentro de um grupo partilham a mesma apar\u00eancia. Para aplicar efeitos diferentes a formas diferentes, \u00e9 necess\u00e1rio criar grupos adicionais e adicionar formas a esses grupos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"116\" src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes-1024x116.webp\" alt=\"\" class=\"wp-image-40194\" srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes-1024x116.webp 1024w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes-300x34.webp 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes-768x87.webp 768w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes-18x2.webp 18w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes.webp 1400w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>De momento, n\u00e3o \u00e9 poss\u00edvel adicionar ou alterar o c\u00f3digo dos shaders de efeito existentes nesta categoria.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Shaders de gera\u00e7\u00e3o de imagens<\/strong><\/h3>\n\n\n\n<p>Pode adicionar shaders de gera\u00e7\u00e3o de imagens como fontes no painel acess\u00edvel atrav\u00e9s do \u00edcone branco localizado na barra de ferramentas vertical \u00e0 direita. Estes shaders requerem a cria\u00e7\u00e3o de um reprodutor para serem exibidos. Em seguida, associe a fonte ao reprodutor clicando no \u00edcone em forma de alvo. Os shaders de gera\u00e7\u00e3o de imagens n\u00e3o t\u00eam uma dura\u00e7\u00e3o predefinida, uma vez que s\u00e3o programas que funcionam em loop. No entanto, pode ajustar a dura\u00e7\u00e3o de exibi\u00e7\u00e3o da fonte.<\/p>\n\n\n\n<p><strong>De momento, n\u00e3o \u00e9 poss\u00edvel adicionar ou alterar o c\u00f3digo dos shaders de efeito existentes nesta categoria.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Shaders de gera\u00e7\u00e3o de imagens<\/strong><\/h2>\n\n\n\n<p>Pode adicionar shaders de gera\u00e7\u00e3o de imagens como fontes no painel acess\u00edvel atrav\u00e9s do \u00edcone branco localizado na barra de ferramentas vertical \u00e0 direita. Estes shaders requerem a cria\u00e7\u00e3o de um reprodutor para serem exibidos. Em seguida, associe a fonte ao reprodutor clicando no \u00edcone em forma de alvo. Os shaders de gera\u00e7\u00e3o de imagens n\u00e3o t\u00eam uma dura\u00e7\u00e3o predefinida, uma vez que s\u00e3o programas que funcionam em loop. No entanto, pode ajustar a dura\u00e7\u00e3o de exibi\u00e7\u00e3o da fonte.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"438\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Generative-effects-1024x438.webp\" alt=\"\" class=\"wp-image-40195 lazyload\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Generative-effects-1024x438.webp 1024w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Generative-effects-300x128.webp 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Generative-effects-768x329.webp 768w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Generative-effects-18x8.webp 18w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Generative-effects.webp 1400w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/438;\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Processamento de shaders nos jogadores<\/strong><\/h3>\n\n\n\n<p>Tem a op\u00e7\u00e3o de aplicar efeitos de processamento de imagem ao leitor. Para tal, selecione o leitor e adicione efeitos no painel \u00abPropriedades\u00bb, no canto inferior esquerdo, utilizando o bot\u00e3o \u00ab+\u00bb. Os efeitos s\u00e3o adicionados sequencialmente. Cada leitor \u00e9 independente, pelo que os efeitos de origem e de processamento ser\u00e3o diferentes entre os leitores, mesmo que estes se encontrem no mesmo grupo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"475\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Players-effects-1024x475.webp\" alt=\"\" class=\"wp-image-40196 lazyload\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Players-effects-1024x475.webp 1024w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Players-effects-300x139.webp 300w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Players-effects-768x357.webp 768w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Players-effects-18x8.webp 18w, https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/Shaders-Players-effects.webp 1400w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/475;\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Importar ou criar shaders<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Onde encontrar shaders?<\/strong><\/h3>\n\n\n\n<p>N\u00e3o \u00e9 preciso saber programar para utilizar shaders com o HeavyM. Para al\u00e9m da biblioteca j\u00e1 inclu\u00edda no software, <strong>existem plataformas onde se podem encontrar novos shaders<\/strong> sem ter de os criar voc\u00ea mesmo. A comunidade de criadores de shaders est\u00e1 a crescer rapidamente, e <strong>muitas vezes \u00e9 poss\u00edvel utilizar os trabalhos que partilham em projetos n\u00e3o comerciais.<\/strong><\/p>\n\n\n\n<p><strong>Para encontrar shaders .FS:<\/strong> <a href=\"https:\/\/www.interactiveshaderformat.com\/**\"><em>https:\/\/www.interactiveshaderformat.com\/<\/em><\/a><\/p>\n\n\n\n<p><strong>Para encontrar os shaders .FRAG:<\/strong><em> <a href=\"http:\/\/glslsandbox.com\/**\">http:\/\/glslsandbox.com\/<\/a><\/em> e <a href=\"https:\/\/www.shadertoy.com\/**\"><em>https:\/\/www.shadertoy.com\/<\/em><\/a><\/p>\n\n\n\n<p>Nota: Os ficheiros .FRAG n\u00e3o s\u00e3o reconhecidos no HeavyM. \u00c9 necess\u00e1rio convert\u00ea-los para o formato .ISF; apresentamos abaixo um m\u00e9todo para o fazer.<\/p>\n\n\n\n<p>Certifique-se de verificar os direitos de utiliza\u00e7\u00e3o na licen\u00e7a, normalmente especificados no in\u00edcio do c\u00f3digo do shader. Se n\u00e3o houver indica\u00e7\u00f5es espec\u00edficas, os direitos de autor aplicam-se por defeito; por isso, recomendamos vivamente que fale com o autor caso pretenda utilizar o shader para fins comerciais.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Importa\u00e7\u00e3o de shaders<\/strong><\/h3>\n\n\n\n<p>Como j\u00e1 foi referido, <strong>Existem duas categorias principais de shaders no HeavyM: os shaders de gera\u00e7\u00e3o e os shaders de processamento.<\/strong> O HeavyM permite-lhe combinar facilmente shaders destas duas categorias. O HeavyM disponibiliza shaders predefinidos nos separadores \u00abBiblioteca\u00bb de cada janela de sele\u00e7\u00e3o de shaders. Todos estes shaders est\u00e3o no formato .FS e, por conseguinte, cumprem a norma ISF. <strong>Para importar os seus pr\u00f3prios shaders para o separador \u00abOs meus shaders\u00bb,<\/strong> devem cumprir esta norma. Desta forma, os par\u00e2metros dos seus shaders podem ser facilmente modificados na interface do HeavyM.<\/p>\n\n\n\n<p>Quer importar outros formatos de shader para o HeavyM? \u00c9 muito simples converter shaders utilizando estas ferramentas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/magicmusicvisuals.com\/utils\/shadertoy_to_isf.php**\"><strong>https:\/\/magicmusicvisuals.com\/utils\/shadertoy_to_isf.php<\/strong><\/a> \u2013 Beta<\/li>\n\n\n\n<li>Software ISF Editor (apenas para Mac) utilizando as fun\u00e7\u00f5es \u201cImportar do GLSL Sandbox\u201d e \u201cImportar do Shadertoy\u201d<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Desenvolver os seus pr\u00f3prios shaders<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/www.heavym.net\/pt\/heavym-shaders\/\">Para criar os seus pr\u00f3prios shaders<\/a>, recomendamos a utiliza\u00e7\u00e3o direta do formato ISF para garantir a compatibilidade com o maior n\u00famero poss\u00edvel de aplica\u00e7\u00f5es. O objetivo deste artigo n\u00e3o \u00e9 ensinar a programa\u00e7\u00e3o em GLSL, a linguagem utilizada pelo formato ISF. Para tal, recomendamos a consulta dos seguintes sites, que s\u00e3o bastante completos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/thebookofshaders.com\/**\"><strong>https:\/\/thebookofshaders.com\/<\/strong><\/a> para <strong>GLSL<\/strong><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.isf.video\/**\"><strong>https:\/\/docs.isf.video\/<\/strong><\/a> para <strong>ISF<\/strong><\/li>\n<\/ul>\n\n\n\n<p>No entanto, para come\u00e7ar, <strong>N\u00e3o hesite em visitar o site da ISF e modificar os shaders existentes.<\/strong> Este site interativo permite-lhe ver as altera\u00e7\u00f5es feitas no shader em tempo real. Tamb\u00e9m \u00e9 poss\u00edvel partir de um modelo b\u00e1sico.<\/p>\n\n\n\n<p>A principal desvantagem de criar e modificar shaders \u00e9 que n\u00e3o h\u00e1 feedback sobre erros. Quando existe um problema de programa\u00e7\u00e3o, o shader pode n\u00e3o ser executado ou n\u00e3o apresentar qualquer resultado, o que dificulta a identifica\u00e7\u00e3o da origem do erro. Por isso, \u00e9 fundamental ser meticuloso na programa\u00e7\u00e3o.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Para continuar<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.heavym.net\/pt\/managing-sound-and-music-reactivity\/\">Gest\u00e3o da reatividade ao som e \u00e0 m\u00fasica<\/a><\/p>\n\n\n\n<p><em>Este guia foi escrito por <a href=\"https:\/\/www.heavym.net\/pt\/\"><strong>HeavyM<\/strong><\/a>, uma empresa especializada em video mapping desde 2013.<\/em><\/p>\n\n\n\n<p><em>Para quaisquer perguntas, coment\u00e1rios, sugest\u00f5es, etc., utilize este formul\u00e1rio de contacto: <a href=\"https:\/\/help.heavym.net\/hc\/requests\/new**\"><strong>https:\/\/help.heavym.net\/hc\/requests\/new<\/strong><\/a>. Resposta garantida no prazo de 24 horas.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Perguntas frequentes (FAQ)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-a-shader-in-video-mapping\"><strong>O que \u00e9 um shader no video mapping?<\/strong><\/h3>\n\n\n\n<p>Um shader \u00e9 um programa inform\u00e1tico utilizado para calcular efeitos de renderiza\u00e7\u00e3o no hardware gr\u00e1fico com um elevado grau de flexibilidade. No video mapping, os shaders s\u00e3o utilizados para gerar texturas din\u00e2micas em tempo real e efeitos visuais reativos ao \u00e1udio diretamente na GPU, em vez de reproduzir loops de v\u00eddeo pr\u00e9-renderizados.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-the-isf-format\"><strong>O que \u00e9 o formato ISF?<\/strong><\/h3>\n\n\n\n<p>ISF significa Interactive Shader Format. Trata-se de uma norma baseada na GLSL (OpenGL Shading Language) que permite partilhar e utilizar facilmente efeitos visuais generativos em diferentes programas de VJing e de mapeamento de proje\u00e7\u00e3o, garantindo a compatibilidade entre plataformas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"p-rc_e8c7c09486e687b2-1248\"><strong>\u00c9 preciso saber programar para utilizar shaders?<\/strong> <\/h3>\n\n\n\n<p id=\"p-rc_e8c7c09486e687b2-1248\">N\u00e3o, n\u00e3o \u00e9 preciso ser programador. Embora os shaders sejam escritos em c\u00f3digo (GLSL), os programas modernos de mapeamento de proje\u00e7\u00e3o, como <a href=\"https:\/\/www.heavym.net\/pt\/\">HeavyM<\/a> permite-lhe importar ficheiros ISF j\u00e1 criados ou utilizar efeitos de shader integrados, bastando para isso arrast\u00e1-los e larg\u00e1-los nas suas formas.<\/p>","protected":false},"excerpt":{"rendered":"<p>TL;DR Shaders are small graphic programs running on your GPU that create real-time, generative visual effects. In projection mapping, they provide infinite, dynamic textures without the need for heavy video files. Using software like HeavyM, you can easily import standard formats like ISF and manipulate generative visuals with absolutely no coding required. What is a [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[],"class_list":["post-40193","post","type-post","status-publish","format-standard","hentry","category-knowledge-hub"],"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>Using shaders - HeavyM<\/title>\n<meta name=\"description\" content=\"Learn how to use GLSL and ISF shaders in your projection mapping projects. Discover how HeavyM makes integrating generative visual effects simple.\" \/>\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\/pt\/using-shaders\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using shaders\" \/>\n<meta property=\"og:description\" content=\"Learn how to use GLSL and ISF shaders in your projection mapping projects. Discover how HeavyM makes integrating generative visual effects simple.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.heavym.net\/pt\/using-shaders\/\" \/>\n<meta property=\"og:site_name\" content=\"HeavyM\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-16T07:41:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-17T09:37:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"158\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"MatteoHM\" \/>\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\\\/using-shaders\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/\"},\"author\":{\"name\":\"MatteoHM\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#\\\/schema\\\/person\\\/050344eecb2b5579071763c2380913d7\"},\"headline\":\"Using shaders\",\"datePublished\":\"2026-07-16T07:41:54+00:00\",\"dateModified\":\"2026-07-17T09:37:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/\"},\"wordCount\":1328,\"publisher\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HeavyM-Shaders-Effects-on-shapes-1024x116.webp\",\"articleSection\":[\"Knowledge Hub\"],\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/\",\"name\":\"Using shaders - HeavyM\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HeavyM-Shaders-Effects-on-shapes-1024x116.webp\",\"datePublished\":\"2026-07-16T07:41:54+00:00\",\"dateModified\":\"2026-07-17T09:37:57+00:00\",\"description\":\"Learn how to use GLSL and ISF shaders in your projection mapping projects. Discover how HeavyM makes integrating generative visual effects simple.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HeavyM-Shaders-Effects-on-shapes-1024x116.webp\",\"contentUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HeavyM-Shaders-Effects-on-shapes-1024x116.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.heavym.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using shaders\"}]},{\"@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\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\",\"name\":\"HeavyM\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@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\\\/050344eecb2b5579071763c2380913d7\",\"name\":\"MatteoHM\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g\",\"caption\":\"MatteoHM\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Utiliza\u00e7\u00e3o de shaders - HeavyM","description":"Aprenda a utilizar shaders GLSL e ISF nos seus projetos de proje\u00e7\u00e3o de mapping. Descubra como o HeavyM simplifica a integra\u00e7\u00e3o de efeitos visuais generativos.","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\/pt\/using-shaders\/","og_locale":"pt_PT","og_type":"article","og_title":"Using shaders","og_description":"Learn how to use GLSL and ISF shaders in your projection mapping projects. Discover how HeavyM makes integrating generative visual effects simple.","og_url":"https:\/\/www.heavym.net\/pt\/using-shaders\/","og_site_name":"HeavyM","article_published_time":"2026-07-16T07:41:54+00:00","article_modified_time":"2026-07-17T09:37:57+00:00","og_image":[{"width":1400,"height":158,"url":"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes.webp","type":"image\/webp"}],"author":"MatteoHM","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.heavym.net\/using-shaders\/#article","isPartOf":{"@id":"https:\/\/www.heavym.net\/using-shaders\/"},"author":{"name":"MatteoHM","@id":"https:\/\/www.heavym.net\/#\/schema\/person\/050344eecb2b5579071763c2380913d7"},"headline":"Using shaders","datePublished":"2026-07-16T07:41:54+00:00","dateModified":"2026-07-17T09:37:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.heavym.net\/using-shaders\/"},"wordCount":1328,"publisher":{"@id":"https:\/\/www.heavym.net\/#organization"},"image":{"@id":"https:\/\/www.heavym.net\/using-shaders\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes-1024x116.webp","articleSection":["Knowledge Hub"],"inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/www.heavym.net\/using-shaders\/","url":"https:\/\/www.heavym.net\/using-shaders\/","name":"Utiliza\u00e7\u00e3o de shaders - HeavyM","isPartOf":{"@id":"https:\/\/www.heavym.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.heavym.net\/using-shaders\/#primaryimage"},"image":{"@id":"https:\/\/www.heavym.net\/using-shaders\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes-1024x116.webp","datePublished":"2026-07-16T07:41:54+00:00","dateModified":"2026-07-17T09:37:57+00:00","description":"Aprenda a utilizar shaders GLSL e ISF nos seus projetos de proje\u00e7\u00e3o de mapping. Descubra como o HeavyM simplifica a integra\u00e7\u00e3o de efeitos visuais generativos.","breadcrumb":{"@id":"https:\/\/www.heavym.net\/using-shaders\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heavym.net\/using-shaders\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/www.heavym.net\/using-shaders\/#primaryimage","url":"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes-1024x116.webp","contentUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2026\/06\/HeavyM-Shaders-Effects-on-shapes-1024x116.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/www.heavym.net\/using-shaders\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.heavym.net\/"},{"@type":"ListItem","position":2,"name":"Using shaders"}]},{"@type":"WebSite","@id":"https:\/\/www.heavym.net\/#website","url":"https:\/\/www.heavym.net\/","name":"HeavyM","description":"Mapeamento de Proje\u00e7\u00e3o F\u00e1cil","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":"pt-PT"},{"@type":"Organization","@id":"https:\/\/www.heavym.net\/#organization","name":"HeavyM","url":"https:\/\/www.heavym.net\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@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\/050344eecb2b5579071763c2380913d7","name":"MatteoHM","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/secure.gravatar.com\/avatar\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7ddb2b815d5dee472338c69272b92e6d764c1fac86515292c89544e7abcf1081?s=96&d=mm&r=g","caption":"MatteoHM"}}]}},"_links":{"self":[{"href":"https:\/\/www.heavym.net\/pt\/wp-json\/wp\/v2\/posts\/40193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heavym.net\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heavym.net\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/pt\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/pt\/wp-json\/wp\/v2\/comments?post=40193"}],"version-history":[{"count":4,"href":"https:\/\/www.heavym.net\/pt\/wp-json\/wp\/v2\/posts\/40193\/revisions"}],"predecessor-version":[{"id":40692,"href":"https:\/\/www.heavym.net\/pt\/wp-json\/wp\/v2\/posts\/40193\/revisions\/40692"}],"wp:attachment":[{"href":"https:\/\/www.heavym.net\/pt\/wp-json\/wp\/v2\/media?parent=40193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heavym.net\/pt\/wp-json\/wp\/v2\/categories?post=40193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heavym.net\/pt\/wp-json\/wp\/v2\/tags?post=40193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}