{"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\/de\/using-shaders\/","title":{"rendered":"Verwendung von Shadern"},"content":{"rendered":"<h2 class=\"wp-block-heading\" id=\"h-tl-dr\">TL;DR <\/h2>\n\n\n\n<p>Shader sind kleine Grafikprogramme, die auf Ihrer GPU laufen und generative visuelle Effekte in Echtzeit erzeugen. Beim projection mapping sorgen sie f\u00fcr unendlich viele, dynamische Texturen, ohne dass umfangreiche Videodateien erforderlich sind. Mit Software wie HeavyM k\u00f6nnen Sie Standardformate wie ISF ganz einfach importieren und generative Visuals bearbeiten, ohne dass daf\u00fcr Programmierkenntnisse erforderlich sind.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-a-shader\">Was ist ein Shader?<\/h2>\n\n\n\n<p><strong>Ein Shader ist eine Art von Computerprogramm, das speziell f\u00fcr die Ausf\u00fchrung auf einer Grafikprozessoreinheit (GPU) entwickelt wurde.<\/strong> Der Begriff \u2018Shader\u2019 leitet sich von \u2018shade\u2019 (Schatten) ab, da Shader urspr\u00fcnglich vor allem dazu dienten, Schatten und Reflexionen in der 3D-Grafik zu simulieren. Heutzutage jedoch, <strong>Shader werden f\u00fcr eine Vielzahl von Aufgaben der Grafikverarbeitung eingesetzt,<\/strong> vom Anwenden von Texturen und Farben bis hin zur Erzeugung komplexer Spezialeffekte.<\/p>\n\n\n\n<p>Shader <strong>auf einem sehr niedrigen Niveau arbeiten,<\/strong> Das bedeutet, dass sie direkte und pr\u00e4zise Kontrolle \u00fcber die einzelnen Pixel haben, aus denen ein Bild oder Video besteht. Sie k\u00f6nnen Bilddaten sehr schnell und mit minimalem Ressourcenaufwand bearbeiten, was sie besonders <strong>n\u00fctzlich f\u00fcr Echtzeit-Grafikanwendungen,<\/strong> wie beispielsweise Videospiele, Virtual Reality und <a href=\"https:\/\/www.heavym.net\/de\/what-content-to-project\/\">Video-Mapping<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-the-different-types-of-shaders\">Die verschiedenen Arten von Shadern<\/h2>\n\n\n\n<p>Es gibt verschiedene Arten von Shadern, darunter Vertex-Shader, die 3D-Datenpunkte (Vertex) bearbeiten, Geometrie-Shader, die aus diesen Punkten neue Formen erzeugen, und Fragment-Shader (auch Pixel-Shader genannt), die die endg\u00fcltige Farbe jedes Pixels auf dem Bildschirm bestimmen. Shader werden in der Regel in speziellen Programmiersprachen geschrieben, wie zum Beispiel <strong>GLSL (OpenGL Shading Language) oder HLSL (High-Level Shading Language) f\u00fcr DirectX.<\/strong><\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-pixel-shaders-or-fragment-shaders\"><strong>Pixel-Shader oder Fragment-Shader<\/strong><\/h4>\n\n\n\n<p><strong>Der Fragment-Shader oder Pixel-Shader ist ein Shader, der dazu dient, die Farbe jedes einzelnen Pixels zu berechnen.<\/strong> Die Funktion nimmt die Daten jedes Pixels im Bild (Position, Texturkoordinaten, Farbe) als Eingabe entgegen und gibt dessen Farbe zur\u00fcck.<\/p>\n\n\n\n<p>Diese Shader werden f\u00fcr Sie bei der Verwendung mit HeavyM am interessantesten sein. Sie werden in der Regel <strong>.FRAG-Dateien oder .FS-Dateien im Falle des ISF-Formats.<\/strong> Das ISF-Format bietet einen Standard f\u00fcr GLSL-Fragmente <strong>Shader,<\/strong> wodurch sie von interaktiven Anwendungen leichter ausgewertet werden k\u00f6nnen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Vertex-Shader<\/strong><\/h4>\n\n\n\n<p>Vertex-Shader dienen dazu, Scheitelpunkte in Pixel umzuwandeln.<\/p>\n\n\n\n<p>Das sind <strong>.VS-Dateien<\/strong> die manchmal zum Pixel-Shader geh\u00f6ren, denselben Namen tragen und sich im selben Ordner befinden m\u00fcssen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>HeavyM-Shape-Effekt-Shader<\/strong><\/h3>\n\n\n\n<p>Wenn Sie auf die roten Symbole auf der rechten Seite der HeavyM-Benutzeroberfl\u00e4che klicken, erhalten Sie Zugriff auf Effektkategorien, die sich automatisch an die gezeichneten Formen anpassen. Diese Effekte sind mit den Gruppen im Ebenenbedienfeld auf der linken Seite verkn\u00fcpft. Alle Formen innerhalb einer Gruppe haben das gleiche Aussehen. Um unterschiedliche Effekte auf verschiedene Formen anzuwenden, m\u00fcssen Sie zus\u00e4tzliche Gruppen erstellen und diesen Formen hinzuf\u00fcgen.<\/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>Derzeit ist es nicht m\u00f6glich, den Code bestehender Effekt-Shader in dieser Kategorie hinzuzuf\u00fcgen oder zu \u00e4ndern.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Shader zur Bildgenerierung<\/strong><\/h3>\n\n\n\n<p>Sie k\u00f6nnen Shader zur Bilderzeugung als Quellen in dem Fenster hinzuf\u00fcgen, das \u00fcber das wei\u00dfe Symbol in der vertikalen Symbolleiste auf der rechten Seite aufgerufen werden kann. Diese Shader erfordern die Erstellung eines Players, um angezeigt zu werden. Verkn\u00fcpfen Sie anschlie\u00dfend die Quelle mit dem Player, indem Sie auf das zielf\u00f6rmige Symbol klicken. Shader zur Bilderzeugung haben keine Standarddauer, da es sich um Programme handelt, die in einer Schleife ausgef\u00fchrt werden. Sie k\u00f6nnen jedoch die Anzeigedauer der Quelle anpassen.<\/p>\n\n\n\n<p><strong>Derzeit ist es nicht m\u00f6glich, den Code bestehender Effekt-Shader in dieser Kategorie hinzuzuf\u00fcgen oder zu \u00e4ndern.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Shader zur Bildgenerierung<\/strong><\/h2>\n\n\n\n<p>Sie k\u00f6nnen Shader zur Bilderzeugung als Quellen in dem Fenster hinzuf\u00fcgen, das \u00fcber das wei\u00dfe Symbol in der vertikalen Symbolleiste auf der rechten Seite aufgerufen werden kann. Diese Shader erfordern die Erstellung eines Players, um angezeigt zu werden. Verkn\u00fcpfen Sie anschlie\u00dfend die Quelle mit dem Player, indem Sie auf das zielf\u00f6rmige Symbol klicken. Shader zur Bilderzeugung haben keine Standarddauer, da es sich um Programme handelt, die in einer Schleife ausgef\u00fchrt werden. Sie k\u00f6nnen jedoch die Anzeigedauer der Quelle anpassen.<\/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>Verarbeitung von Shadern auf den Playern<\/strong><\/h3>\n\n\n\n<p>Sie haben die M\u00f6glichkeit, Bildbearbeitungseffekte auf den Player anzuwenden. W\u00e4hlen Sie dazu den Player aus und f\u00fcgen Sie im Eigenschaftenfenster unten links \u00fcber die Schaltfl\u00e4che \u201e+\u201c Effekte hinzu. Die Effekte werden nacheinander hinzugef\u00fcgt. Jeder Player ist unabh\u00e4ngig, sodass sich die Quell- und Bearbeitungseffekte zwischen den Playern unterscheiden, selbst wenn sich die Player in derselben Gruppe befinden.<\/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>Shader importieren oder erstellen<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Wo findet man Shader?<\/strong><\/h3>\n\n\n\n<p>Man muss nicht programmieren k\u00f6nnen, um Shader mit HeavyM zu nutzen. Zus\u00e4tzlich zu der bereits in der Software enthaltenen Bibliothek, <strong>Es gibt Plattformen, auf denen man neue Shader finden kann.<\/strong> ohne sie selbst erstellen zu m\u00fcssen. Die Community der Shader-Entwickler w\u00e4chst rasant, und <strong>Oftmals kannst du die von ihnen geteilten Werke f\u00fcr nichtkommerzielle Projekte nutzen.<\/strong><\/p>\n\n\n\n<p><strong>So finden Sie .FS-Shader:<\/strong> <a href=\"https:\/\/www.interactiveshaderformat.com\/**\"><em>https:\/\/www.interactiveshaderformat.com\/<\/em><\/a><\/p>\n\n\n\n<p><strong>So finden Sie .FRAG-Shader:<\/strong><em> <a href=\"http:\/\/glslsandbox.com\/**\">http:\/\/glslsandbox.com\/<\/a><\/em> und <a href=\"https:\/\/www.shadertoy.com\/**\"><em>https:\/\/www.shadertoy.com\/<\/em><\/a><\/p>\n\n\n\n<p>Hinweis: .FRAG-Dateien werden in HeavyM nicht erkannt. Sie m\u00fcssen in das .ISF-Format konvertiert werden; eine Anleitung dazu finden Sie weiter unten.<\/p>\n\n\n\n<p>Bitte \u00fcberpr\u00fcfen Sie unbedingt die Nutzungsrechte in der Lizenz, die in der Regel am Anfang des Shader-Codes angegeben sind. Sofern keine besonderen Hinweise vorliegen, gilt standardm\u00e4\u00dfig das Urheberrecht. Wir empfehlen daher dringend, sich mit dem Autor abzustimmen, wenn Sie beabsichtigen, den Shader f\u00fcr kommerzielle Zwecke zu nutzen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Shader importieren<\/strong><\/h3>\n\n\n\n<p>Wie bereits erw\u00e4hnt, <strong>In HeavyM gibt es zwei Hauptkategorien von Shadern: Generierungs-Shader und Verarbeitungs-Shader.<\/strong> Mit HeavyM k\u00f6nnen Sie Shader aus diesen beiden Kategorien ganz einfach kombinieren. HeavyM bietet Standard-Shader in den Registerkarten \u201eBibliothek\u201c der einzelnen Shader-Auswahlfenster an. Alle diese Shader liegen im .FS-Format vor und entsprechen somit dem ISF-Standard. <strong>Um Ihre eigenen Shader in die Registerkarte \u201eMeine Shader\u201c zu importieren,<\/strong> Sie m\u00fcssen diesem Standard entsprechen. Auf diese Weise lassen sich die Parameter Ihrer Shader ganz einfach \u00fcber die Benutzeroberfl\u00e4che von HeavyM anpassen.<\/p>\n\n\n\n<p>M\u00f6chten Sie andere Shader-Formate in HeavyM importieren? Mit diesen Tools lassen sich Shader ganz einfach konvertieren:<\/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>ISF Editor-Software (nur f\u00fcr Mac) mit den Funktionen \u201cAus GLSL Sandbox importieren\u201d und \u201cAus Shadertoy importieren\u201d<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Eigene Shader entwickeln<\/strong><\/h3>\n\n\n\n<p><a href=\"https:\/\/www.heavym.net\/de\/heavym-shaders\/\">So erstellen Sie Ihre eigenen Shader<\/a>, empfehlen wir, das ISF-Format direkt zu verwenden, um die Kompatibilit\u00e4t mit m\u00f6glichst vielen Anwendungen zu gew\u00e4hrleisten. Der Zweck dieses Artikels besteht nicht darin, die Programmierung in GLSL \u2013 der vom ISF-Format verwendeten Sprache \u2013 zu vermitteln. Hierf\u00fcr empfehlen wir die Lekt\u00fcre der folgenden, sehr umfassenden Websites:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/thebookofshaders.com\/**\"><strong>https:\/\/thebookofshaders.com\/<\/strong><\/a> f\u00fcr <strong>GLSL<\/strong><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.isf.video\/**\"><strong>https:\/\/docs.isf.video\/<\/strong><\/a> f\u00fcr <strong>ISF<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Zun\u00e4chst einmal jedoch, <strong>Sie k\u00f6nnen gerne die ISF-Website besuchen und vorhandene Shader anpassen.<\/strong> Auf dieser interaktiven Website k\u00f6nnen Sie die am Shader vorgenommenen \u00c4nderungen in Echtzeit verfolgen. Es ist auch m\u00f6glich, mit einer Basisvorlage zu beginnen.<\/p>\n\n\n\n<p>Der gr\u00f6\u00dfte Nachteil beim Erstellen und Anpassen von Shadern ist, dass es keine Fehlermeldung gibt. Bei einem Designfehler wird der Shader m\u00f6glicherweise nicht ausgef\u00fchrt oder zeigt gar nichts an, was es schwierig macht, die Fehlerquelle zu identifizieren. Daher ist es entscheidend, beim Programmieren \u00e4u\u00dferst sorgf\u00e4ltig vorzugehen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Weiter<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.heavym.net\/de\/managing-sound-and-music-reactivity\/\">Umgang mit Reaktionen auf Ger\u00e4usche und Musik<\/a><\/p>\n\n\n\n<p><em>Dieser Leitfaden wurde verfasst von <a href=\"https:\/\/www.heavym.net\/de\/\"><strong>HeavyM<\/strong><\/a>, ein Unternehmen, das sich seit 2013 auf video mapping spezialisiert hat.<\/em><\/p>\n\n\n\n<p><em>Bei Fragen, Anmerkungen, Vorschl\u00e4gen usw. nutzen Sie bitte dieses Kontaktformular: <a href=\"https:\/\/help.heavym.net\/hc\/requests\/new**\"><strong>https:\/\/help.heavym.net\/hc\/requests\/new<\/strong><\/a>. Eine Antwort wird innerhalb von 24 Stunden garantiert.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufig gestellte Fragen (FAQ)<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-a-shader-in-video-mapping\"><strong>Was ist ein Shader beim video mapping?<\/strong><\/h3>\n\n\n\n<p>Ein Shader ist ein Computerprogramm, mit dem sich Rendering-Effekte auf Grafikhardware mit einem hohen Ma\u00df an Flexibilit\u00e4t berechnen lassen. Beim video mapping werden Shader eingesetzt, um dynamische Echtzeit-Texturen und audio-reaktive Visuals direkt auf der GPU zu erzeugen, anstatt vorgerenderte Videoloops abzuspielen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-is-the-isf-format\"><strong>Was ist das ISF-Format?<\/strong><\/h3>\n\n\n\n<p>ISF steht f\u00fcr \u201eInteractive Shader Format\u201c. Es handelt sich um einen auf GLSL (OpenGL Shading Language) basierenden Standard, der es erm\u00f6glicht, generative Visuals problemlos zwischen verschiedenen VJing- und projection mapping software auszutauschen und zu nutzen, wodurch plattform\u00fcbergreifende Kompatibilit\u00e4t gew\u00e4hrleistet wird.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"p-rc_e8c7c09486e687b2-1248\"><strong>Muss ich programmieren k\u00f6nnen, um Shader zu verwenden?<\/strong> <\/h3>\n\n\n\n<p id=\"p-rc_e8c7c09486e687b2-1248\">Nein, Sie m\u00fcssen kein Programmierer sein. Shader werden zwar in einer Programmiersprache (GLSL) geschrieben, aber moderne projection mapping software wie <a href=\"https:\/\/www.heavym.net\/de\/\">HeavyM<\/a> erm\u00f6glicht es Ihnen, vorgefertigte ISF-Dateien zu importieren oder integrierte Shader-Effekte zu verwenden, indem Sie diese einfach per Drag &amp; Drop auf Ihre Formen ziehen.<\/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\/de\/using-shaders\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\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\/de\/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\":\"de\"},{\"@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\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.heavym.net\\\/using-shaders\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@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\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\",\"name\":\"HeavyM\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@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\":\"de\",\"@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":"Verwendung von Shadern \u2013 HeavyM","description":"Erfahren Sie, wie Sie GLSL- und ISF-Shader in Ihren projection mapping-Projekten einsetzen k\u00f6nnen. Entdecken Sie, wie HeavyM die Integration generativer visueller Effekte vereinfacht.","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\/de\/using-shaders\/","og_locale":"de_DE","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\/de\/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":"de"},{"@type":"WebPage","@id":"https:\/\/www.heavym.net\/using-shaders\/","url":"https:\/\/www.heavym.net\/using-shaders\/","name":"Verwendung von Shadern \u2013 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":"Erfahren Sie, wie Sie GLSL- und ISF-Shader in Ihren projection mapping-Projekten einsetzen k\u00f6nnen. Entdecken Sie, wie HeavyM die Integration generativer visueller Effekte vereinfacht.","breadcrumb":{"@id":"https:\/\/www.heavym.net\/using-shaders\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heavym.net\/using-shaders\/"]}]},{"@type":"ImageObject","inLanguage":"de","@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":"Einfaches 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":"de"},{"@type":"Organization","@id":"https:\/\/www.heavym.net\/#organization","name":"HeavyM","url":"https:\/\/www.heavym.net\/","logo":{"@type":"ImageObject","inLanguage":"de","@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":"de","@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\/de\/wp-json\/wp\/v2\/posts\/40193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/comments?post=40193"}],"version-history":[{"count":4,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/posts\/40193\/revisions"}],"predecessor-version":[{"id":40692,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/posts\/40193\/revisions\/40692"}],"wp:attachment":[{"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/media?parent=40193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/categories?post=40193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/tags?post=40193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}