{"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\/it\/using-shaders\/","title":{"rendered":"Utilizzo degli shader"},"content":{"rendered":"<h2 class=\"wp-block-heading\" id=\"h-tl-dr\">In breve <\/h2>\n\n\n\n<p>Gli shader sono piccoli programmi grafici che girano sulla GPU e generano effetti visivi generativi in tempo reale. Nel video mapping, forniscono texture infinite e dinamiche senza la necessit\u00e0 di file video pesanti. Utilizzando software come HeavyM, \u00e8 possibile importare facilmente formati standard come ISF e manipolare immagini generative senza dover scrivere alcuna riga di codice.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-a-shader\">Che cos\u2019\u00e8 uno shader?<\/h2>\n\n\n\n<p><strong>Uno shader \u00e8 un tipo di programma informatico progettato specificamente per essere eseguito su un'unit\u00e0 di elaborazione grafica (GPU).<\/strong> Il termine \u2018shader\u2019 deriva da \u2018shade\u2019 (ombra), poich\u00e9 uno dei primi impieghi degli shader era proprio quello di simulare ombre e riflessi nella grafica 3D. Tuttavia, oggi, <strong>Gli shader vengono utilizzati per un'ampia variet\u00e0 di operazioni di elaborazione grafica,<\/strong> dall'applicazione di texture e colori alla generazione di effetti speciali complessi.<\/p>\n\n\n\n<p>Shader <strong>funzionano a un livello molto basso,<\/strong> il che significa che hanno un controllo diretto e preciso sui singoli pixel che compongono un'immagine o un video. Sono in grado di manipolare i dati delle immagini con estrema rapidit\u00e0 utilizzando risorse minime, il che li rende particolarmente <strong>utile per le applicazioni grafiche in tempo reale,<\/strong> come i videogiochi, la realt\u00e0 virtuale e <a href=\"https:\/\/www.heavym.net\/it\/what-content-to-project\/\">mappatura video<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-different-types-of-shaders\">I diversi tipi di shader<\/h2>\n\n\n\n<p>Esistono diversi tipi di shader, tra cui gli shader dei vertici, che manipolano i punti dati 3D (vertici), gli shader geometrici, che generano nuove forme a partire da questi punti, e gli shader dei frammenti (detti anche shader dei pixel), che determinano il colore finale di ciascun pixel sullo schermo. Gli shader sono in genere scritti in linguaggi di programmazione specializzati, quali <strong>GLSL (OpenGL Shading Language) o HLSL (High-Level Shading Language) per DirectX.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-pixel-shaders-or-fragment-shaders\"><strong>Pixel shader o Fragment shader<\/strong><\/h4>\n\n\n\n<p><strong>Lo shader di frammento o pixel shader \u00e8 uno shader progettato per calcolare il colore di ogni singolo pixel.<\/strong> Accetta in ingresso i dati di ciascun pixel dell'immagine (posizione, coordinate di texture, colore) e restituisce il relativo colore.<\/p>\n\n\n\n<p>Questi shader sono quelli che ti interesser\u00e0 maggiormente utilizzare con HeavyM. Di solito sono <strong>.File .FRAG o .FS nel caso del formato ISF.<\/strong> Il formato ISF definisce uno standard per i frammenti GLSL <strong>shader,<\/strong> rendendoli pi\u00f9 facili da interpretare da parte delle applicazioni interattive.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Shader Vertex<\/strong><\/h4>\n\n\n\n<p>Gli shader dei vertici vengono utilizzati per trasformare i vertici in pixel.<\/p>\n\n\n\n<p>Sono <strong>.File .VS<\/strong> che talvolta accompagnano il pixel shader, con cui condividono lo stesso nome e che devono trovarsi nella stessa cartella.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Shader con effetto \"Shape\" HeavyM<\/strong><\/h3>\n\n\n\n<p>Cliccando sulle icone rosse sul lato destro dell'interfaccia di HeavyM, si accede a categorie di effetti che si adattano automaticamente alle forme disegnate. Questi effetti sono collegati ai gruppi presenti nel pannello dei livelli a sinistra. Tutte le forme all\u2019interno di un gruppo condividono lo stesso aspetto. Per applicare effetti diversi a forme diverse, \u00e8 necessario creare gruppi aggiuntivi e aggiungervi le forme.<\/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>Al momento non \u00e8 possibile aggiungere o modificare il codice degli shader di effetto esistenti in questa categoria.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Shader per la generazione di immagini<\/strong><\/h3>\n\n\n\n<p>\u00c8 possibile aggiungere gli shader di generazione delle immagini come sorgenti nel pannello accessibile tramite l'icona bianca situata nella barra degli strumenti verticale a destra. Per visualizzare questi shader \u00e8 necessario creare un lettore. Successivamente, collegare la sorgente al lettore cliccando sull'icona a forma di freccia. Gli shader di generazione di immagini non hanno una durata predefinita poich\u00e9 sono programmi che vengono eseguiti in loop. Tuttavia, \u00e8 possibile regolare la durata di visualizzazione della sorgente.<\/p>\n\n\n\n<p><strong>Al momento non \u00e8 possibile aggiungere o modificare il codice degli shader di effetto esistenti in questa categoria.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Shader per la generazione di immagini<\/strong><\/h2>\n\n\n\n<p>\u00c8 possibile aggiungere gli shader di generazione delle immagini come sorgenti nel pannello accessibile tramite l'icona bianca situata nella barra degli strumenti verticale a destra. Per visualizzare questi shader \u00e8 necessario creare un lettore. Successivamente, collegare la sorgente al lettore cliccando sull'icona a forma di freccia. Gli shader di generazione di immagini non hanno una durata predefinita poich\u00e9 sono programmi che vengono eseguiti in loop. Tuttavia, \u00e8 possibile regolare la durata di visualizzazione della sorgente.<\/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>Elaborazione degli shader sui player<\/strong><\/h3>\n\n\n\n<p>\u00c8 possibile applicare effetti di elaborazione delle immagini al lettore. Per farlo, selezionare il lettore e aggiungere gli effetti nel pannello Propriet\u00e0 in basso a sinistra utilizzando il pulsante +. Gli effetti vengono aggiunti in sequenza. Ogni lettore \u00e8 indipendente, pertanto gli effetti di origine e di elaborazione varieranno da un lettore all'altro, anche se i lettori appartengono allo stesso gruppo.<\/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>Importazione o creazione di shader<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Dove trovare gli shader?<\/strong><\/h3>\n\n\n\n<p>Non \u00e8 necessario saper programmare per utilizzare gli shader con HeavyM. Oltre alla libreria gi\u00e0 inclusa nel software, <strong>Esistono piattaforme dove \u00e8 possibile trovare nuovi shader<\/strong> senza doverli creare da soli. La comunit\u00e0 dei creatori di shader sta crescendo rapidamente, e <strong>spesso \u00e8 possibile utilizzare i lavori che condividono per progetti non commerciali.<\/strong><\/p>\n\n\n\n<p><strong>Per trovare gli shader .FS:<\/strong> <a href=\"https:\/\/www.interactiveshaderformat.com\/**\"><em>https:\/\/www.interactiveshaderformat.com\/<\/em><\/a><\/p>\n\n\n\n<p><strong>Per trovare gli shader .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: i file .FRAG non vengono riconosciuti in HeavyM. Devono essere convertiti in formato .ISF; di seguito forniamo le istruzioni per farlo.<\/p>\n\n\n\n<p>Assicurati di verificare i diritti d'uso riportati nella licenza, solitamente indicati all'inizio del codice dello shader. In assenza di indicazioni specifiche, si applica di default il diritto d'autore; pertanto, ti consigliamo vivamente di consultare l'autore qualora intendi utilizzare lo shader per scopi commerciali.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Importazione degli shader<\/strong><\/h3>\n\n\n\n<p>Come gi\u00e0 detto, <strong>In HeavyM esistono due categorie principali di shader: gli shader di generazione e gli shader di elaborazione.<\/strong> HeavyM consente di combinare facilmente gli shader di queste due categorie. HeavyM offre shader predefiniti nelle schede \"Libreria\" di ciascuna finestra di selezione degli shader. Tutti questi shader sono in formato .FS e, pertanto, sono conformi allo standard ISF. <strong>Per importare i propri shader nella scheda \"I miei shader\",<\/strong> devono rispettare questo standard. In questo modo, i parametri dei tuoi shader possono essere facilmente modificati dall'interfaccia di HeavyM.<\/p>\n\n\n\n<p>Vuoi importare altri formati di shader in HeavyM? Convertire gli shader con questi strumenti \u00e8 semplicissimo:<\/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 (solo per Mac) che utilizza le funzioni \u201cImporta da GLSL Sandbox\u201d e \u201cImporta da Shadertoy\u201d<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Sviluppare i propri shader<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/www.heavym.net\/it\/heavym-shaders\/\">Per creare i propri shader<\/a>, consigliamo di utilizzare direttamente il formato ISF per garantire la compatibilit\u00e0 con il maggior numero possibile di applicazioni. Lo scopo di questo articolo non \u00e8 quello di insegnare la programmazione in GLSL, il linguaggio utilizzato dal formato ISF. A tal fine, consigliamo di consultare i seguenti siti molto completi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/thebookofshaders.com\/**\"><strong>https:\/\/thebookofshaders.com\/<\/strong><\/a> per <strong>GLSL<\/strong><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.isf.video\/**\"><strong>https:\/\/docs.isf.video\/<\/strong><\/a> per <strong>ISF<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Tuttavia, per cominciare, <strong>Non esitate a visitare il sito dell'ISF e a modificare gli shader esistenti.<\/strong> Questo sito interattivo ti permette di vedere in tempo reale le modifiche apportate allo shader. \u00c8 anche possibile partire da un modello di base.<\/p>\n\n\n\n<p>Lo svantaggio principale della creazione e della modifica degli shader \u00e8 che non viene fornito alcun feedback sugli errori. In caso di problemi di progettazione, lo shader potrebbe non essere eseguito o non visualizzare nulla, rendendo difficile individuare la causa dell'errore. Pertanto, \u00e8 fondamentale prestare la massima attenzione durante la scrittura del codice.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Per continuare<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.heavym.net\/it\/managing-sound-and-music-reactivity\/\">Gestione della reattivit\u00e0 al suono e alla musica<\/a><\/p>\n\n\n\n<p><em>Questa guida \u00e8 stata redatta da <a href=\"https:\/\/www.heavym.net\/it\/\"><strong>HeavyM<\/strong><\/a>, un'azienda specializzata nel video mapping dal 2013.<\/em><\/p>\n\n\n\n<p><em>Per qualsiasi domanda, commento, suggerimento, ecc., vi preghiamo di utilizzare questo modulo di contatto: <a href=\"https:\/\/help.heavym.net\/hc\/requests\/new**\"><strong>https:\/\/help.heavym.net\/hc\/requests\/new<\/strong><\/a>. Risposta garantita entro 24 ore.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Domande frequenti (FAQ)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-a-shader-in-video-mapping\"><strong>Che cos\u2019\u00e8 uno shader nel video mapping?<\/strong><\/h3>\n\n\n\n<p>Uno shader \u00e8 un programma informatico utilizzato per calcolare gli effetti di rendering sull'hardware grafico con un elevato grado di flessibilit\u00e0. Nel video mapping, gli shader vengono utilizzati per generare texture dinamiche in tempo reale ed effetti visivi reattivi all'audio direttamente sulla GPU, anzich\u00e9 riprodurre loop video pre-renderizzati.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-the-isf-format\"><strong>Che cos\u2019\u00e8 il formato ISF?<\/strong><\/h3>\n\n\n\n<p>ISF \u00e8 l'acronimo di Interactive Shader Format. Si tratta di uno standard basato su GLSL (OpenGL Shading Language) che consente di condividere e utilizzare facilmente effetti visivi generativi tra diversi software di VJing e video mapping, garantendo la compatibilit\u00e0 multipiattaforma.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"p-rc_e8c7c09486e687b2-1248\"><strong>Devo saper programmare per usare gli shader?<\/strong> <\/h3>\n\n\n\n<p id=\"p-rc_e8c7c09486e687b2-1248\">No, non \u00e8 necessario essere un programmatore. Anche se gli shader sono scritti in codice (GLSL), i moderni video mapping software come <a href=\"https:\/\/www.heavym.net\/it\/\">HeavyM<\/a> ti permette di importare file ISF gi\u00e0 pronti o di utilizzare effetti shader integrati semplicemente trascinandoli sulle tue forme.<\/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\/it\/using-shaders\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\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\/it\/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\":\"it-IT\"},{\"@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\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@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\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\",\"name\":\"HeavyM\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@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\":\"it-IT\",\"@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":"Utilizzo degli shader - HeavyM","description":"Impara a utilizzare gli shader GLSL e ISF nei tuoi progetti di video mapping. Scopri come HeavyM semplifica l'integrazione di effetti visivi generativi.","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\/it\/using-shaders\/","og_locale":"it_IT","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\/it\/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":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.heavym.net\/using-shaders\/","url":"https:\/\/www.heavym.net\/using-shaders\/","name":"Utilizzo degli shader - 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":"Impara a utilizzare gli shader GLSL e ISF nei tuoi progetti di video mapping. Scopri come HeavyM semplifica l'integrazione di effetti visivi generativi.","breadcrumb":{"@id":"https:\/\/www.heavym.net\/using-shaders\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heavym.net\/using-shaders\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@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":"Video mapping facile da proiettare","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":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.heavym.net\/#organization","name":"HeavyM","url":"https:\/\/www.heavym.net\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@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":"it-IT","@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\/it\/wp-json\/wp\/v2\/posts\/40193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heavym.net\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heavym.net\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/it\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/it\/wp-json\/wp\/v2\/comments?post=40193"}],"version-history":[{"count":4,"href":"https:\/\/www.heavym.net\/it\/wp-json\/wp\/v2\/posts\/40193\/revisions"}],"predecessor-version":[{"id":40692,"href":"https:\/\/www.heavym.net\/it\/wp-json\/wp\/v2\/posts\/40193\/revisions\/40692"}],"wp:attachment":[{"href":"https:\/\/www.heavym.net\/it\/wp-json\/wp\/v2\/media?parent=40193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heavym.net\/it\/wp-json\/wp\/v2\/categories?post=40193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heavym.net\/it\/wp-json\/wp\/v2\/tags?post=40193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}