{"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\/fr\/using-shaders\/","title":{"rendered":"Utilisation des shaders"},"content":{"rendered":"<h2 class=\"wp-block-heading\" id=\"h-tl-dr\">En bref <\/h2>\n\n\n\n<p>Les shaders sont de petits programmes graphiques qui s'ex\u00e9cutent sur votre GPU et permettent de cr\u00e9er des effets visuels g\u00e9n\u00e9ratifs en temps r\u00e9el. Dans le domaine du vid\u00e9o mapping, ils offrent des textures infinies et dynamiques sans n\u00e9cessiter de fichiers vid\u00e9o volumineux. Gr\u00e2ce \u00e0 des logiciels tels que HeavyM, vous pouvez facilement importer des formats standard comme l'ISF et manipuler des visuels g\u00e9n\u00e9ratifs sans avoir \u00e0 \u00e9crire la moindre ligne de code.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-a-shader\">Qu'est-ce qu'un shader ?<\/h2>\n\n\n\n<p><strong>Un shader est un type de programme informatique sp\u00e9cialement con\u00e7u pour s'ex\u00e9cuter sur un processeur graphique (GPU).<\/strong> Le terme \u2018 shader \u2019 vient de \u2018 shade \u2019 (ombre), car l'une des premi\u00e8res utilisations des shaders consistait \u00e0 simuler des ombres et des reflets dans les graphismes 3D. Cependant, aujourd'hui, <strong>Les shaders sont utilis\u00e9s pour une grande vari\u00e9t\u00e9 de t\u00e2ches de traitement graphique,<\/strong> de l'application de textures et de couleurs \u00e0 la cr\u00e9ation d'effets sp\u00e9ciaux complexes.<\/p>\n\n\n\n<p>Shaders <strong>fonctionnent \u00e0 un niveau tr\u00e8s bas,<\/strong> ce qui signifie qu'ils disposent d'un contr\u00f4le direct et pr\u00e9cis sur chacun des pixels qui composent une image ou une vid\u00e9o. Ils peuvent manipuler les donn\u00e9es d'image tr\u00e8s rapidement avec un minimum de ressources, ce qui les rend particuli\u00e8rement <strong>utile pour les applications graphiques en temps r\u00e9el,<\/strong> tels que les jeux vid\u00e9o, la r\u00e9alit\u00e9 virtuelle et <a href=\"https:\/\/www.heavym.net\/fr\/what-content-to-project\/\">le vid\u00e9o mapping<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-different-types-of-shaders\">Les diff\u00e9rents types de shaders<\/h2>\n\n\n\n<p>Il existe diff\u00e9rents types de shaders, notamment les shaders de sommets, qui manipulent les points de donn\u00e9es 3D (sommets), les shaders de g\u00e9om\u00e9trie, qui g\u00e9n\u00e8rent de nouvelles formes \u00e0 partir de ces points, et les shaders de fragments (\u00e9galement appel\u00e9s shaders de pixels), qui d\u00e9terminent la couleur finale de chaque pixel \u00e0 l'\u00e9cran. Les shaders sont g\u00e9n\u00e9ralement \u00e9crits dans des langages de programmation sp\u00e9cialis\u00e9s, tels que <strong>GLSL (OpenGL Shading Language) ou HLSL (High-Level Shading Language) pour DirectX.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-pixel-shaders-or-fragment-shaders\"><strong>Pixel shaders ou Fragment shaders<\/strong><\/h4>\n\n\n\n<p><strong>Le shader de fragment ou shader de pixel est un shader con\u00e7u pour calculer individuellement la couleur de chaque pixel.<\/strong> Elle prend en entr\u00e9e les donn\u00e9es de chaque pixel de l'image (position, coordonn\u00e9es de texture, couleur) et renvoie sa couleur.<\/p>\n\n\n\n<p>Ce sont ces shaders qui vous int\u00e9resseront le plus dans le cadre de l'utilisation de HeavyM. Ils sont g\u00e9n\u00e9ralement <strong>.FRAG ou .FS dans le cas du format ISF.<\/strong> Le format ISF d\u00e9finit une norme pour les fragments GLSL <strong>shaders,<\/strong> ce qui facilite leur interpr\u00e9tation par des applications interactives.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Les Vertex shaders<\/strong><\/h4>\n\n\n\n<p>Les shaders de sommets servent \u00e0 transformer les sommets en pixels.<\/p>\n\n\n\n<p>Ce sont <strong>.Fichiers .VS<\/strong> qui accompagnent parfois le pixel shader, portent le m\u00eame nom et doivent se trouver dans le m\u00eame dossier.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Shaders d'effets de forme HeavyM<\/strong><\/h3>\n\n\n\n<p>Lorsque vous cliquez sur les ic\u00f4nes rouges situ\u00e9es \u00e0 droite de l'interface HeavyM, vous acc\u00e9dez \u00e0 des cat\u00e9gories d'effets qui s'adaptent automatiquement aux formes dessin\u00e9es. Ces effets sont li\u00e9s aux groupes du panneau des calques situ\u00e9 \u00e0 gauche. Toutes les formes d'un m\u00eame groupe partagent la m\u00eame apparence. Pour appliquer des effets diff\u00e9rents \u00e0 des formes diff\u00e9rentes, vous devez cr\u00e9er des groupes suppl\u00e9mentaires et y ajouter des formes.<\/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>Il n'est actuellement pas possible d'ajouter ou de modifier le code des shaders d'effets existants dans cette cat\u00e9gorie.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Shaders de g\u00e9n\u00e9ration d'images<\/strong><\/h3>\n\n\n\n<p>Vous pouvez ajouter des shaders de g\u00e9n\u00e9ration d'images en tant que sources dans le panneau accessible via l'ic\u00f4ne blanche situ\u00e9e dans la barre d'outils verticale \u00e0 droite. Ces shaders n\u00e9cessitent la cr\u00e9ation d'un lecteur pour \u00eatre affich\u00e9s. Ensuite, associez la source au lecteur en cliquant sur l'ic\u00f4ne en forme de cible. Les shaders de g\u00e9n\u00e9ration d'images n'ont pas de dur\u00e9e par d\u00e9faut, car il s'agit de programmes qui s'ex\u00e9cutent en boucle. Vous pouvez toutefois ajuster la dur\u00e9e d'affichage de la source.<\/p>\n\n\n\n<p><strong>Il n'est actuellement pas possible d'ajouter ou de modifier le code des shaders d'effets existants dans cette cat\u00e9gorie.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Shaders de g\u00e9n\u00e9ration d'images<\/strong><\/h2>\n\n\n\n<p>Vous pouvez ajouter des shaders de g\u00e9n\u00e9ration d'images en tant que sources dans le panneau accessible via l'ic\u00f4ne blanche situ\u00e9e dans la barre d'outils verticale \u00e0 droite. Ces shaders n\u00e9cessitent la cr\u00e9ation d'un lecteur pour \u00eatre affich\u00e9s. Ensuite, associez la source au lecteur en cliquant sur l'ic\u00f4ne en forme de cible. Les shaders de g\u00e9n\u00e9ration d'images n'ont pas de dur\u00e9e par d\u00e9faut, car il s'agit de programmes qui s'ex\u00e9cutent en boucle. Vous pouvez toutefois ajuster la dur\u00e9e d'affichage de la source.<\/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>Traitement des shaders sur les joueurs<\/strong><\/h3>\n\n\n\n<p>Vous avez la possibilit\u00e9 d'appliquer des effets de traitement d'image au lecteur. Pour ce faire, s\u00e9lectionnez le lecteur et ajoutez des effets dans le panneau \u00ab Propri\u00e9t\u00e9s \u00bb situ\u00e9 en bas \u00e0 gauche \u00e0 l'aide du bouton \u00ab + \u00bb. Les effets sont ajout\u00e9s les uns apr\u00e8s les autres. Chaque lecteur est ind\u00e9pendant ; par cons\u00e9quent, les effets source et de traitement varieront d'un lecteur \u00e0 l'autre, m\u00eame si ceux-ci appartiennent au m\u00eame groupe.<\/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>Importer ou cr\u00e9er des shaders<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>O\u00f9 trouver des shaders ?<\/strong><\/h3>\n\n\n\n<p>Il n'est pas n\u00e9cessaire de savoir programmer pour utiliser les shaders avec HeavyM. En plus de la biblioth\u00e8que d\u00e9j\u00e0 int\u00e9gr\u00e9e au logiciel, <strong>Il existe des plateformes o\u00f9 l'on peut trouver de nouveaux shaders.<\/strong> sans avoir \u00e0 les cr\u00e9er vous-m\u00eame. La communaut\u00e9 des cr\u00e9ateurs de shaders conna\u00eet une croissance rapide, et <strong>vous pouvez souvent utiliser les \u0153uvres qu'ils partagent pour des projets \u00e0 but non commercial.<\/strong><\/p>\n\n\n\n<p><strong>Pour trouver des shaders .FS :<\/strong> <a href=\"https:\/\/www.interactiveshaderformat.com\/**\"><em>https:\/\/www.interactiveshaderformat.com\/<\/em><\/a><\/p>\n\n\n\n<p><strong>Pour trouver les shaders .FRAG :<\/strong><em> <a href=\"http:\/\/glslsandbox.com\/**\">http:\/\/glslsandbox.com\/<\/a><\/em> et <a href=\"https:\/\/www.shadertoy.com\/**\"><em>https:\/\/www.shadertoy.com\/<\/em><\/a><\/p>\n\n\n\n<p>Remarque : les fichiers .FRAG ne sont pas pris en charge par HeavyM. Ils doivent \u00eatre convertis au format .ISF ; vous trouverez ci-dessous la proc\u00e9dure \u00e0 suivre pour effectuer cette conversion.<\/p>\n\n\n\n<p>Veillez \u00e0 v\u00e9rifier les droits d'utilisation stipul\u00e9s dans la licence, g\u00e9n\u00e9ralement indiqu\u00e9s au d\u00e9but du code du shader. En l'absence d'indications sp\u00e9cifiques, les droits d'auteur s'appliquent par d\u00e9faut ; nous vous recommandons donc vivement de consulter l'auteur si vous avez l'intention d'utiliser le shader \u00e0 des fins commerciales.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Importation de shaders<\/strong><\/h3>\n\n\n\n<p>Comme indiqu\u00e9, <strong>Il existe deux grandes cat\u00e9gories de shaders dans HeavyM : les shaders de g\u00e9n\u00e9ration et les shaders de traitement.<\/strong> HeavyM vous permet de combiner facilement des shaders issus de ces deux cat\u00e9gories. HeavyM propose des shaders par d\u00e9faut dans les onglets \u00ab Biblioth\u00e8que \u00bb de chaque fen\u00eatre de s\u00e9lection de shaders. Tous ces shaders sont au format .FS et respectent donc la norme ISF. <strong>Pour importer vos propres shaders dans l'onglet \u00ab Mes shaders \u00bb,<\/strong> Ils doivent respecter cette norme. Ainsi, les param\u00e8tres de vos shaders peuvent \u00eatre facilement modifi\u00e9s depuis l'interface de HeavyM.<\/p>\n\n\n\n<p>Vous souhaitez importer d'autres formats de shaders dans HeavyM ? La conversion des shaders est tr\u00e8s simple gr\u00e2ce \u00e0 ces outils :<\/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> - B\u00eata<\/li>\n\n\n\n<li>Logiciel ISF Editor (Mac uniquement) utilisant les fonctions \u201c Importer depuis GLSL Sandbox \u201d et \u201c Importer depuis Shadertoy \u201d<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>D\u00e9velopper vos propres shaders<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/www.heavym.net\/fr\/heavym-shaders\/\">Pour cr\u00e9er vos propres shaders<\/a>, nous vous recommandons d'utiliser directement le format ISF afin de garantir la compatibilit\u00e9 avec le plus grand nombre d'applications possible. Le but de cet article n'est pas d'enseigner la programmation en GLSL, le langage utilis\u00e9 par le format ISF. Pour cela, nous vous recommandons de consulter les sites tr\u00e8s complets suivants :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/thebookofshaders.com\/**\"><strong>https:\/\/thebookofshaders.com\/<\/strong><\/a> pour <strong>GLSL<\/strong><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.isf.video\/**\"><strong>https:\/\/docs.isf.video\/<\/strong><\/a> pour <strong>ISF<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Cependant, pour commencer, <strong>N'h\u00e9sitez pas \u00e0 consulter le site de l'ISF et \u00e0 modifier les shaders existants.<\/strong> Ce site interactif vous permet de visualiser en temps r\u00e9el les modifications apport\u00e9es au shader. Il est \u00e9galement possible de partir d'un mod\u00e8le de base.<\/p>\n\n\n\n<p>Le principal inconv\u00e9nient de la cr\u00e9ation et de la modification de shaders r\u00e9side dans l'absence de retour d'erreur. En cas de probl\u00e8me de conception, il peut arriver que le shader ne s'ex\u00e9cute pas ou n'affiche rien, ce qui rend difficile l'identification de la source de l'erreur. Il est donc essentiel de faire preuve de minutie lors de la programmation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pour continuer<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.heavym.net\/fr\/managing-sound-and-music-reactivity\/\">Gestion de la r\u00e9activit\u00e9 au son et \u00e0 la musique<\/a><\/p>\n\n\n\n<p><em>Ce guide a \u00e9t\u00e9 r\u00e9dig\u00e9 par <a href=\"https:\/\/www.heavym.net\/fr\/\"><strong>HeavyM<\/strong><\/a>, une entreprise sp\u00e9cialis\u00e9e dans le vid\u00e9o mapping depuis 2013.<\/em><\/p>\n\n\n\n<p><em>Pour toute question, remarque, suggestion, etc., merci d'utiliser ce formulaire de contact : <a href=\"https:\/\/help.heavym.net\/hc\/requests\/new**\"><strong>https:\/\/help.heavym.net\/hc\/requests\/new<\/strong><\/a>. R\u00e9ponse garantie dans les 24 heures.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Foire aux questions (FAQ)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-a-shader-in-video-mapping\"><strong>Qu'est-ce qu'un shader dans le vid\u00e9o mapping ?<\/strong><\/h3>\n\n\n\n<p>Un shader est un programme informatique permettant de calculer des effets de rendu sur du mat\u00e9riel graphique avec une grande flexibilit\u00e9. Dans le domaine du vid\u00e9o mapping, les shaders sont utilis\u00e9s pour g\u00e9n\u00e9rer des textures dynamiques en temps r\u00e9el et des effets visuels r\u00e9actifs au son directement sur votre GPU, plut\u00f4t que de lire des boucles vid\u00e9o pr\u00e9-rendues.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-the-isf-format\"><strong>Qu'est-ce que le format ISF ?<\/strong><\/h3>\n\n\n\n<p>ISF signifie \u00ab Interactive Shader Format \u00bb. Il s'agit d'une norme bas\u00e9e sur le GLSL (OpenGL Shading Language) qui permet de partager et d'utiliser facilement des visuels g\u00e9n\u00e9ratifs entre diff\u00e9rents logiciels de VJing et de vid\u00e9o mapping, garantissant ainsi une compatibilit\u00e9 multiplateforme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"p-rc_e8c7c09486e687b2-1248\"><strong>Faut-il savoir programmer pour utiliser les shaders ?<\/strong> <\/h3>\n\n\n\n<p id=\"p-rc_e8c7c09486e687b2-1248\">Non, il n'est pas n\u00e9cessaire d'\u00eatre programmeur. M\u00eame si les shaders sont \u00e9crits en langage de programmation (GLSL), les logiciels de vid\u00e9o mapping tels que <a href=\"https:\/\/www.heavym.net\/fr\/\">HeavyM<\/a> vous permet d'importer des fichiers ISF pr\u00eats \u00e0 l'emploi ou d'utiliser des effets de shader int\u00e9gr\u00e9s en les glissant-d\u00e9posant simplement sur vos formes.<\/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\/fr\/using-shaders\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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\":\"fr-FR\"},{\"@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\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\",\"name\":\"HeavyM\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\",\"@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":"Utilisation des shaders - HeavyM","description":"Apprenez \u00e0 utiliser les shaders GLSL et ISF dans vos projets de vid\u00e9o mapping. D\u00e9couvrez comment HeavyM facilite l'int\u00e9gration d'effets visuels g\u00e9n\u00e9ratifs.","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\/fr\/using-shaders\/","og_locale":"fr_FR","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\/fr\/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":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.heavym.net\/using-shaders\/","url":"https:\/\/www.heavym.net\/using-shaders\/","name":"Utilisation des 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":"Apprenez \u00e0 utiliser les shaders GLSL et ISF dans vos projets de vid\u00e9o mapping. D\u00e9couvrez comment HeavyM facilite l'int\u00e9gration d'effets visuels g\u00e9n\u00e9ratifs.","breadcrumb":{"@id":"https:\/\/www.heavym.net\/using-shaders\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heavym.net\/using-shaders\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@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 (en anglais)","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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.heavym.net\/#organization","name":"HeavyM","url":"https:\/\/www.heavym.net\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/posts\/40193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/comments?post=40193"}],"version-history":[{"count":4,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/posts\/40193\/revisions"}],"predecessor-version":[{"id":40692,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/posts\/40193\/revisions\/40692"}],"wp:attachment":[{"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/media?parent=40193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/categories?post=40193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heavym.net\/fr\/wp-json\/wp\/v2\/tags?post=40193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}