{"id":10381,"date":"2021-10-12T09:37:11","date_gmt":"2021-10-12T07:37:11","guid":{"rendered":"https:\/\/www.heavym.net\/?p=10381"},"modified":"2025-02-27T16:35:18","modified_gmt":"2025-02-27T15:35:18","slug":"heavym-shaders","status":"publish","type":"post","link":"https:\/\/www.heavym.net\/de\/heavym-shaders\/","title":{"rendered":"Einf\u00fchrung in die HeavyM-Shader zur Erstellung eigener VFX"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"10381\" class=\"elementor elementor-10381\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-494341b0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"494341b0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ae20a09\" data-id=\"ae20a09\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-31bd2b48 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31bd2b48\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-1ad489a0\" data-id=\"1ad489a0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a9d498a elementor-widget elementor-widget-image\" data-id=\"4a9d498a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.heavym.net\/de\/blog\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" data-src=\"https:\/\/www.heavym.net\/wp-content\/uploads\/elementor\/thumbs\/left-arrow-1-1-r2d9qop5ml0l2632kp091novcehjbv3yr2wx4iutee.png\" title=\"Links-Pfeil (1)\" alt=\"Links-Pfeil (1)\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 15px; --smush-placeholder-aspect-ratio: 15\/15;\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-inner-column elementor-element elementor-element-5ed43746\" data-id=\"5ed43746\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-23f0e2c0 elementor-widget elementor-widget-heading\" data-id=\"23f0e2c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.heavym.net\/de\/blog\/\">Zur\u00fcck zu Blog home<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aef4880 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aef4880\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bd3671\" data-id=\"6bd3671\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-976c28a elementor-widget elementor-widget-heading\" data-id=\"976c28a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Einf\u00fchrung in die HeavyM-Shader zur Erstellung eigener VFX<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-facbf00 elementor-widget elementor-widget-heading\" data-id=\"facbf00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Einf\u00fchrung<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90a065f elementor-widget elementor-widget-text-editor\" data-id=\"90a065f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Sie sind daran interessiert, Ihre eigenen visuellen Effekte in HeavyM zu erstellen? In diesem Artikel stellen wir Ihnen die spannenden kreativen M\u00f6glichkeiten vor, die die Shader bieten. \u00dcbrigens, was ist ein Shader?<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f279fe elementor-widget elementor-widget-text-editor\" data-id=\"9f279fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Ein Shader ist ein Computerprogramm, das auf der Grafikkarte Ihres Computers l\u00e4uft. Mit ihm k\u00f6nnen Sie die Daten, die auf Ihrem Bildschirm oder Ihrem Videoprojektor angezeigt werden, schnell manipulieren: die Pixel.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c31ee6a elementor-widget elementor-widget-text-editor\" data-id=\"c31ee6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Es handelt sich um eine wenig bekannte, weil als abstrakt angesehene Technologie, aber Shader sind in unserem t\u00e4glichen Leben sehr pr\u00e4sent. Diese kleinen Computerprogramme simulieren realistisch komplexe visuelle Effekte wie Regen, Nebel, Lichtreflexionen, Objektreliefs usw. Sie werden daher h\u00e4ufig in Videospielen, in Filmen, die Spezialeffekte erfordern, in Fernsehger\u00e4ten ... und in der digitalen Kunst, dem Bereich, auf den wir uns hier konzentrieren, eingesetzt.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41126e4 elementor-widget elementor-widget-text-editor\" data-id=\"41126e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">In der HeavyM-Software bieten die eingebauten Shader viele M\u00f6glichkeiten. Es ist auch m\u00f6glich, Ihre eigenen Shader zu importieren und so die Anzahl der Kombinationen unendlich zu erh\u00f6hen!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b4dba3 elementor-widget elementor-widget-image\" data-id=\"8b4dba3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"512\" height=\"288\" src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/07\/1-3.jpeg.webp\" class=\"attachment-full size-full wp-image-11155\" alt=\"Beispiel f\u00fcr ein Videospiel, das Shader verwendet: Minecraft\" srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/07\/1-3.jpeg.webp 512w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/07\/1-3-300x169.jpeg.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/07\/1-3-16x9.jpeg.webp 16w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/07\/1-3-350x197.jpeg.webp 350w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12035a3 elementor-widget elementor-widget-text-editor\" data-id=\"12035a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><i><span style=\"font-weight: 400;\">Beispiel f\u00fcr ein Videospiel, das Shader verwendet: Minecraft<\/span><\/i><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c002db elementor-widget elementor-widget-image\" data-id=\"9c002db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"563\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance.png.webp\" class=\"attachment-full size-full wp-image-13237 lazyload\" alt=\"Projektionskartierung der Minenleistung\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance.png.webp 1000w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance-300x169.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance-768x432.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance-18x10.png.webp 18w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance-350x197.png.webp 350w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/09\/Projection-mapping-mine-performance-860x484.png.webp 860w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/563;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b1ede1 elementor-widget elementor-widget-text-editor\" data-id=\"9b1ede1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><i><span style=\"font-weight: 400;\">Beispiel f\u00fcr einen Shader, der w\u00e4hrend einer Projection Mapping Performance verwendet wird<\/span><\/i><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c629879 elementor-widget elementor-widget-heading\" data-id=\"c629879\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Teil 1: Shader-Technologie<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-183d328 elementor-widget elementor-widget-text-editor\" data-id=\"183d328\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Um die Idee der Shader besser zu verstehen, nehmen wir als Beispiel die Erstellung einer Zeichnung von Hand. Es ist notwendig, die Elemente, aus denen sie besteht, eines nach dem anderen zu zeichnen. Sie w\u00fcrden mit geometrischen Formen wie Kreisen, Rechtecken und Linien beginnen und dann Farben hinzuf\u00fcgen. Sie w\u00fcrden Schritt f\u00fcr Schritt vorgehen, als ob Sie die Zeichnung von Hand kopieren m\u00fcssten. Mit Shadern geht der Prozess viel schneller, weil alle diese Vorg\u00e4nge auf einmal ausgef\u00fchrt werden, wie ein Stempel, der mit einer einzigen Geste auf ein Blatt Papier aufgetragen wird. Und was noch besser ist: Dieser Stempel kann sich je nach den gegebenen Informationen \u00e4ndern, z. B. nach der Uhrzeit, der Position oder den Farben der bereits auf Ihrem Blatt vorhandenen Elemente.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c59e238 elementor-widget elementor-widget-heading\" data-id=\"c59e238\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Warum sind Shader schnell?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46ee873 elementor-widget elementor-widget-text-editor\" data-id=\"46ee873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Shader sind sehr leichte Programme, denn im Gegensatz zu Softwares wie HeavyM, die mehrere hunderttausend Zeilen Code enthalten, besteht ein Shader im Allgemeinen nur aus h\u00f6chstens ein paar hundert Zeilen. Die Geschwindigkeit von Shadern ist haupts\u00e4chlich auf die Architektur der Hardware zur\u00fcckzuf\u00fchren, die ihre Ausf\u00fchrung erm\u00f6glicht: die Grafikkarte. Um HeavyM zu verwenden, sollten Sie diesen Aspekt unbedingt ber\u00fccksichtigen, da er es Ihnen erm\u00f6glicht, die M\u00f6glichkeiten der Software zu vervielfachen.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-778db6d elementor-widget elementor-widget-text-editor\" data-id=\"778db6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Im Gegensatz zur CPU Ihres Computers, die Aufgaben nacheinander abarbeitet, werden die Berechnungen auf Ihrer Grafikkarte parallel durchgef\u00fchrt. Anstelle eines einzigen Prozessors mit gro\u00dfer Rechenleistung verf\u00fcgt die Grafikkarte \u00fcber eine Vielzahl kleiner Prozessoren. Das bedeutet, dass sie Aufgaben gleichzeitig ausf\u00fchren k\u00f6nnen. Durch diese Parallelisierung k\u00f6nnen die Shader komplexe Grafikberechnungen in wenigen Millisekunden durchf\u00fchren.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c112964 elementor-widget elementor-widget-heading\" data-id=\"c112964\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Der Vorteil von Shadern: interaktive Kunst<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-183e954 elementor-widget elementor-widget-text-editor\" data-id=\"183e954\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Dank der Ausf\u00fchrungsgeschwindigkeit von Shadern ist es m\u00f6glich, Bilder in Echtzeit zu erstellen, d. h. sie werden in dem Moment erzeugt, in dem sie gesehen werden. Der Begriff \"Echtzeit\" steht im Gegensatz zum Begriff \"vorberechnet\", der sich auf eine Videodatei bezieht, die Bild f\u00fcr Bild gerendert wird. Rendering-Berechnungen k\u00f6nnen sehr zeitaufwendig sein und bis zu mehreren Tagen dauern! Mit Shadern k\u00f6nnen Sie die Bilder direkt manipulieren, genau wie in einem Videospiel. Interaktive digitale Kunst beruht auf diesem Echtzeit-Prinzip, weil es Ihnen erm\u00f6glicht, Bilder zu erzeugen, die auf Musik oder die Bewegungen von Menschen reagieren. Zwei Beispiele f\u00fcr eine Performance, bei der Musik und Bilder kombiniert werden, finden Sie in den Arbeiten von <\/span><strong><a href=\"https:\/\/www.itsnicethat.com\/features\/weirdcore-aphex-twin-field-day-050617-miscellaneous\">Weirdcore f\u00fcr Aphew Twin's Konzerte<\/a><\/strong><span style=\"font-weight: 400;\"> oder <\/span><a href=\"https:\/\/www.nonotak.com\/_SHIRO\"><span style=\"font-weight: 400;\"><strong>Nonotaks Leistungen<\/strong>.<\/span><\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb9501b elementor-widget elementor-widget-heading\" data-id=\"fb9501b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Arten von Shadern<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71f76a1 elementor-widget elementor-widget-text-editor\" data-id=\"71f76a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Shader sind nichts anderes als Textdateien mit einer bestimmten Erweiterung. Wir werden sehen, dass es verschiedene Arten von Shadern gibt. Gemeinsam ist ihnen, dass sie in der GLSL-Sprache kodiert sind: OpenGL Shading Language. Es gibt noch andere Arten von Shadern, die von der Plattform und der Hardware abh\u00e4ngen, aber hier werden wir uns auf OpenGL-basierte Shader konzentrieren. Um Shader in HeavyM zu verwenden, ist eine Grafikkarte erforderlich, die OpenGL 2.0 unterst\u00fctzt.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-515f37a elementor-widget elementor-widget-heading\" data-id=\"515f37a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Pixel-Shader oder Fragment-Shader<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a786d20 elementor-widget elementor-widget-text-editor\" data-id=\"a786d20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Der Fragment-Shader oder Pixel-Shader ist ein Shader, dessen Aufgabe es ist, die Farbe jedes einzelnen Pixels zu berechnen. Er nimmt als Eingabe die Daten jedes Pixels des Bildes (Position, Texturkoordinaten, Farbe) und gibt dessen Farbe aus.<\/span><\/p><p><span style=\"font-weight: 400;\">Es sind diese Shader, die Sie mit HeavyM verwenden m\u00f6chten. Es handelt sich dabei in der Regel um .FRAG-Dateien oder .FS-Dateien im Falle des ISF-Formats. Das ISF-Format bietet einen Standard f\u00fcr GLSL-Shader-Fragmente, so dass sie von interaktiven Anwendungen leichter interpretiert werden k\u00f6nnen.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-059c303 elementor-widget elementor-widget-heading\" data-id=\"059c303\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Vertex-Shader<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-580b61a elementor-widget elementor-widget-text-editor\" data-id=\"580b61a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Vertex-Shader werden verwendet, um die Eingabespitzen in Pixel umzuwandeln.\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Es handelt sich um eine .VS-Datei, die manchmal mit dem Pixel-Shader einhergeht, denselben Namen tr\u00e4gt und sich im selben Ordner befindet.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41e9999 elementor-widget elementor-widget-heading\" data-id=\"41e9999\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Wo findet man Shader?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b659286 elementor-widget elementor-widget-text-editor\" data-id=\"b659286\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Sie m\u00fcssen keine Programmierkenntnisse haben, um Shader mit HeavyM zu verwenden. Zus\u00e4tzlich zu der in der Software integrierten Bibliothek gibt es Plattformen, auf denen Sie neue Shader finden k\u00f6nnen, ohne sie selbst erstellen zu m\u00fcssen. Die Gemeinschaft der Shader-K\u00fcnstler w\u00e4chst, und Sie k\u00f6nnen die von ihnen zur Verf\u00fcgung gestellten Werke oft frei verwenden.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0941ad elementor-widget elementor-widget-text-editor\" data-id=\"d0941ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Zum Auffinden von .FS: <a href=\"https:\/\/www.interactiveshaderformat.com\/\"><strong>https:\/\/www.interactiveshaderformat.com\/<\/strong><\/a><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abba810 elementor-widget elementor-widget-text-editor\" data-id=\"abba810\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Zum Auffinden von .FRAG: <strong><a href=\"http:\/\/glslsandbox.com\/\">http:\/\/glslsandbox.com\/<\/a><\/strong> und <strong><a href=\"https:\/\/www.shadertoy.com\/\">https:\/\/www.shadertoy.com\/<\/a><\/strong><\/span><\/p><p><span style=\"font-weight: 400;\">Achtung: .FRAG wird in HeavyM nicht unterst\u00fctzt. Sie m\u00fcssen in .ISF konvertiert werden, und wir stellen unten eine entsprechende Methode zur Verf\u00fcgung.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1b7eb7 elementor-widget elementor-widget-text-editor\" data-id=\"c1b7eb7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">\u00dcberpr\u00fcfen Sie unbedingt die Nutzungsrechte in der Lizenz, die normalerweise am Anfang des Shader-Codes angegeben ist. Wenn es keinen besonderen Hinweis gibt, gilt standardm\u00e4\u00dfig das Urheberrecht und wir raten Ihnen dringend, mit dem Autor des Programms zu sprechen, wenn Sie es kommerziell nutzen m\u00f6chten.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2af75ba elementor-widget elementor-widget-heading\" data-id=\"2af75ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Entwickeln Sie Ihre eigenen Shader<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e39468 elementor-widget elementor-widget-text-editor\" data-id=\"7e39468\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Um Ihre eigenen Shader zu erstellen, empfehlen wir Ihnen, direkt das ISF-Format zu verwenden, damit sie mit m\u00f6glichst vielen Anwendungen kompatibel sind. Ziel dieses Artikels ist es nicht, den GLSL-Code, die vom ISF-Format verwendete Sprache, zu erlernen. Hierf\u00fcr empfehlen wir die Lekt\u00fcre der sehr umfassenden Seiten :<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44ce316 elementor-widget elementor-widget-text-editor\" data-id=\"44ce316\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/thebookofshaders.com\/\"><strong>https:\/\/thebookofshaders.com\/<\/strong><\/a> f\u00fcr die GLSL-Sprache<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/docs.isf.video\/\"><strong>https:\/\/docs.isf.video\/<\/strong><\/a> f\u00fcr das ISF-Format<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d3a79 elementor-widget elementor-widget-text-editor\" data-id=\"c1d3a79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">F\u00fcr den Anfang k\u00f6nnen Sie jedoch die ISF-Website besuchen und bestehende Shader \u00e4ndern. Auf dieser interaktiven Website k\u00f6nnen Sie die an den Shadern vorgenommenen \u00c4nderungen live sehen. Es ist auch m\u00f6glich, von einer Basisvorlage auszugehen. <\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c970ae3 elementor-widget elementor-widget-text-editor\" data-id=\"c970ae3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Der gr\u00f6\u00dfte Nachteil bei der Erstellung und Bearbeitung von Shadern ist, dass es keine Fehlerr\u00fcckmeldung gibt. Wenn ein Designproblem auftritt, l\u00e4uft der Shader nicht und zeigt auch nichts an. Es ist dann schwierig, die Fehlerursache zu finden. Es ist daher notwendig, den Code genau zu \u00fcberpr\u00fcfen.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54ce36a elementor-widget elementor-widget-heading\" data-id=\"54ce36a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Teil 2: Shader in HeavyM<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9726525 elementor-widget elementor-widget-text-editor\" data-id=\"9726525\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Die HeavyM-Software bietet in ihrer integrierten Bibliothek f\u00fcr visuelle Effekte einige hundert native Shader. Je nach den verwendeten Funktionen k\u00f6nnen verschiedene Arten von Effekten in der Software verwendet werden.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5252660 elementor-widget elementor-widget-heading\" data-id=\"5252660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Shader-Effekte auf Formen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc24268 elementor-widget elementor-widget-text-editor\" data-id=\"bc24268\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Wenn Sie auf die roten Symbole auf der rechten Seite der Benutzeroberfl\u00e4che klicken, haben Sie Zugriff auf Kategorien von Effekten, die sich automatisch an die gezeichneten Formen anpassen. Diese Effekte sind mit den Gruppen im Ebenenbedienfeld auf der linken Seite verkn\u00fcpft. Alle Formen in einer Gruppe haben das gleiche Aussehen. Um unterschiedliche Effekte f\u00fcr verschiedene Formen zu erhalten, m\u00fcssen Sie weitere Gruppen erstellen und ihnen Formen hinzuf\u00fcgen.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-752d18a elementor-widget elementor-widget-image\" data-id=\"752d18a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"999\" height=\"113\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-Effects-on-shapes.png.webp\" class=\"attachment-full size-full wp-image-14262 lazyload\" alt=\"HeavyM Shader - Auswirkungen auf Formen\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-Effects-on-shapes.png.webp 999w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-Effects-on-shapes-300x34.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-Effects-on-shapes-768x87.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-Effects-on-shapes-18x2.png.webp 18w\" data-sizes=\"(max-width: 999px) 100vw, 999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 999px; --smush-placeholder-aspect-ratio: 999\/113;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25a99eb elementor-widget elementor-widget-text-editor\" data-id=\"25a99eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Es ist derzeit nicht m\u00f6glich, bestehende Effekt-Shader in dieser Kategorie hinzuzuf\u00fcgen oder zu \u00e4ndern.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c96abcd elementor-widget elementor-widget-heading\" data-id=\"c96abcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Bilderzeugende Shader<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e09377 elementor-widget elementor-widget-text-editor\" data-id=\"8e09377\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">F\u00fcgen Sie bildgenerierende Shader als Quellen hinzu, und zwar in dem Panel, das \u00fcber das wei\u00dfe Symbol in der vertikalen Symbolleiste rechts zug\u00e4nglich ist. F\u00fcr diese Shader muss ein Player erstellt werden, damit sie angezeigt werden k\u00f6nnen. Verkn\u00fcpfen Sie die Quelle mit dem Player, indem Sie auf das Zielsymbol klicken. Die Bilderzeugungs-Shader haben keine Standarddauer, da es sich um ein Programm handelt, das in einer Schleife l\u00e4uft. Sie k\u00f6nnen jedoch die Anzeigedauer der Quelle \u00e4ndern.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6530f2 elementor-widget elementor-widget-image\" data-id=\"b6530f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"428\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Generative-effects.png.webp\" class=\"attachment-full size-full wp-image-14261 lazyload\" alt=\"Shader - Generative Effekte\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Generative-effects.png.webp 1000w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Generative-effects-300x128.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Generative-effects-768x329.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Generative-effects-18x8.png.webp 18w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/428;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d72009 elementor-widget elementor-widget-heading\" data-id=\"0d72009\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Verarbeitung von Shadern bei Playern<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44ac0a4 elementor-widget elementor-widget-text-editor\" data-id=\"44ac0a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Sie k\u00f6nnen Bildbearbeitungseffekte auf den Player anwenden. W\u00e4hlen Sie dazu den Player aus und f\u00fcgen Sie in den Eigenschaften unten links \u00fcber die Schaltfl\u00e4che + Effekte hinzu. Die Effekte werden der Reihe nach hinzugef\u00fcgt. Jeder Player ist unabh\u00e4ngig, d. h. die Quelle und die Verarbeitungseffekte sind von Player zu Player unterschiedlich, auch wenn sich die Player in derselben Gruppe befinden.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84f8634 elementor-widget elementor-widget-image\" data-id=\"84f8634\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"999\" height=\"464\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Players-effects.png.webp\" class=\"attachment-full size-full wp-image-14260 lazyload\" alt=\"Shader - Effekte f\u00fcr Spieler\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Players-effects.png.webp 999w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Players-effects-300x139.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Players-effects-768x357.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/Shaders-Players-effects-18x8.png.webp 18w\" data-sizes=\"(max-width: 999px) 100vw, 999px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 999px; --smush-placeholder-aspect-ratio: 999\/464;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b87a3c0 elementor-widget elementor-widget-heading\" data-id=\"b87a3c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Verarbeitung von Shadern auf Sequenzen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-903a8c4 elementor-widget elementor-widget-text-editor\" data-id=\"903a8c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Bildverarbeitungs-Shader k\u00f6nnen auch auf die gesamte Videoausgabe angewendet werden. Diese Effekte sind relativ zu den Sequenzen. Um einen Verarbeitungseffekt zu einer Sequenz hinzuzuf\u00fcgen, klicken Sie auf das Zahnrad und f\u00fcgen Sie mit der Schaltfl\u00e4che + einen Shader hinzu. Die Verarbeitungseffekte auf Sequenzen sind die gleichen wie die Verarbeitungseffekte auf Playern.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23cf2d7 elementor-widget elementor-widget-image\" data-id=\"23cf2d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1000\" height=\"426\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sequences-effects.png.webp\" class=\"attachment-full size-full wp-image-14255 lazyload\" alt=\"HeavyM-Shader - Sequenzeffekte\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sequences-effects.png.webp 1000w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sequences-effects-300x128.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sequences-effects-768x327.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sequences-effects-18x8.png.webp 18w\" data-sizes=\"(max-width: 1000px) 100vw, 1000px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1000px; --smush-placeholder-aspect-ratio: 1000\/426;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e817dd elementor-widget elementor-widget-heading\" data-id=\"8e817dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00dcbergangsshader f\u00fcr Sequenzen<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3f40ca7 elementor-widget elementor-widget-text-editor\" data-id=\"3f40ca7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">\u00dcberg\u00e4nge sind ebenfalls sequenzbezogen und werden auf die gesamte Videoausgabe angewendet. Standardm\u00e4\u00dfig wird ein \u00dcbergang mit einer \u00dcberblendung von 0,20 Sekunden angewendet. \u00c4ndern Sie diesen \u00dcbergang im Men\u00fc, das durch Klicken auf das Zahnrad der Sequenz zug\u00e4nglich ist. \u00dcberg\u00e4nge werden nur auf den Eingang der Sequenz angewandt.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cf041d elementor-widget elementor-widget-image\" data-id=\"7cf041d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"657\" height=\"487\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Transitions.png.webp\" class=\"attachment-full size-full wp-image-14244 lazyload\" alt=\"HeavyM - \u00dcberg\u00e4nge\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Transitions.png.webp 657w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Transitions-300x222.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Transitions-16x12.png.webp 16w\" data-sizes=\"(max-width: 657px) 100vw, 657px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 657px; --smush-placeholder-aspect-ratio: 657\/487;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49b5abf elementor-widget elementor-widget-heading\" data-id=\"49b5abf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Shader importieren<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e6fcd1 elementor-widget elementor-widget-text-editor\" data-id=\"5e6fcd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Wir haben gesehen, dass es in HeavyM zwei Hauptkategorien von Shadern gibt: Generierungs-Shader und Verarbeitungs-Shader. HeavyM macht es einfach, Shader aus diesen beiden Kategorien zu kombinieren. HeavyM bietet Standard-Shader auf den Registerkarten \"Bibliothek\" in jedem Shader-Auswahlfenster. Alle diese Shader sind .FS und entsprechen somit dem ISF-Standard. Um Ihre eigenen Shader auf der Registerkarte \"Meine Shader\" zu importieren, m\u00fcssen Sie diesen Standard einhalten. Auf diese Weise k\u00f6nnen die Parameter Ihrer Shader einfach \u00fcber die Schnittstelle von HeavyM ge\u00e4ndert werden.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f42a195 elementor-widget elementor-widget-text-editor\" data-id=\"f42a195\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"translation-block\"><span style=\"font-weight: 400\">M\u00f6chten Sie andere Shader-Formate in HeavyM importieren? Es ist sehr einfach, Shader mit diesem Tool zu konvertieren: <\/span><a href=\"https:\/\/isf.vidvox.net\/desktop-editor\/\" target=\"_blank\" rel=\"noopener\">Desktop ISF Editor<\/a><span style=\"font-size: 16px;font-weight: 400\"> (Windows beta\/Mac) mit \"Import from GLSL Sandbox\" und \"Import from Shadertoy\" Funktionen.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d4fa8 elementor-widget elementor-widget-text-editor\" data-id=\"c1d4fa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"translation-block\"><span style=\"font-weight: 400\">Wenn Sie schlie\u00dflich die Architektur des ISF-Formats im Detail verstehen wollen, um Ihr eigenes Format zu erstellen, empfehlen wir Ihnen einen Blick in die ISF-Format-Dokumentation zu werfen: <\/span><strong><a href=\"https:\/\/docs.isf.video\/\" target=\"_self\">https:\/\/docs.isf.video\/<\/a> <\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-659fe77 elementor-widget elementor-widget-heading\" data-id=\"659fe77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Teil 3: Shader steuern<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4310df2 elementor-widget elementor-widget-text-editor\" data-id=\"4310df2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Shader erm\u00f6glichen visuelle Effekte in Echtzeit, die live ver\u00e4ndert werden k\u00f6nnen, ohne eine Rendering-Phase durchlaufen zu m\u00fcssen. Hier sind die verschiedenen M\u00f6glichkeiten, Ihre Effekte zu steuern und interaktive Bilder zu erstellen.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-171a6d8 elementor-widget elementor-widget-text-editor\" data-id=\"171a6d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Die Shader-Parameter k\u00f6nnen durch Klicken auf das Zahnrad des Quellensymbols ge\u00e4ndert werden. Die Werteskala ist zwischen 0 und 100 normalisiert und entspricht nicht einer bestimmten Einheit. In HeavyM werden verschiedene Modi zur Variation der Parameter angeboten, die Sie durch Klicken auf den Pfeil neben jedem Shader-Parameter finden.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26953df elementor-widget elementor-widget-heading\" data-id=\"26953df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Der Festwertmodus<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a365f8e elementor-widget elementor-widget-text-editor\" data-id=\"a365f8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Dies ist der Standardmodus, in dem Sie den Wert mit der Maus \u00e4ndern k\u00f6nnen. Der Nachteil ist, dass Sie immer nur einen Parameter auf einmal \u00e4ndern k\u00f6nnen. Sie k\u00f6nnen einen Wert auch \u00fcber die Tastatur eingeben.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c22ed3a elementor-widget elementor-widget-heading\" data-id=\"c22ed3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Die Wertgeneratoren<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-6417680 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6417680\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ccd6950\" data-id=\"ccd6950\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ac94ed elementor-widget elementor-widget-text-editor\" data-id=\"7ac94ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">HeavyM bietet 7 Wertegeneratoren, mit denen Sie die Parameter der Shader automatisch \u00e4ndern k\u00f6nnen. Es handelt sich dabei um LFO-Generatoren (Low Frequency Oscillator), wie sie in Musiksoftware oder Synthesizern zu finden sind. F\u00fcr jeden Generator gibt es zwei Animationsmodi: BPM oder temporal. Der BPM-Modus ist mit dem allgemeinen Tempo unten rechts auf der Oberfl\u00e4che verkn\u00fcpft, das durch das Metronom-Symbol symbolisiert wird. Der temporale Modus erlaubt es Ihnen, eine vom allgemeinen Tempo unabh\u00e4ngige Frequenz zu definieren.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-19ee236\" data-id=\"19ee236\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c48d53 elementor-widget elementor-widget-image\" data-id=\"6c48d53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"272\" height=\"291\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-LFOs.png.webp\" class=\"attachment-full size-full wp-image-14240 lazyload\" alt=\"HeavyM - LFOs\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-LFOs.png.webp 272w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-LFOs-11x12.png.webp 11w\" data-sizes=\"(max-width: 272px) 100vw, 272px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 272px; --smush-placeholder-aspect-ratio: 272\/291;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a9616 elementor-widget elementor-widget-heading\" data-id=\"e2a9616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Kontrolle durch fundierte Analyse<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1cbcb86 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1cbcb86\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-23e9080\" data-id=\"23e9080\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3b3d6e0 elementor-widget elementor-widget-text-editor\" data-id=\"3b3d6e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Unten rechts auf der Benutzeroberfl\u00e4che befindet sich das Modul zur Schallanalyse. Es erm\u00f6glicht die Erkennung von Amplitudenschwankungen in 3 verschiedenen Frequenzbereichen: Bass, Mitte, Hoch. Sie k\u00f6nnen die Variationen dieser Werte in den Variationsmodi der Shader-Parameter finden.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-fde7f5c\" data-id=\"fde7f5c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f396bc6 elementor-widget elementor-widget-image\" data-id=\"f396bc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"323\" height=\"175\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sound-analysis.png.webp\" class=\"attachment-full size-full wp-image-14236 lazyload\" alt=\"HeavyM-Shader - Klanganalyse\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sound-analysis.png.webp 323w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sound-analysis-300x163.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-shaders-Sound-analysis-18x10.png.webp 18w\" data-sizes=\"(max-width: 323px) 100vw, 323px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 323px; --smush-placeholder-aspect-ratio: 323\/175;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-57d6429 elementor-widget elementor-widget-heading\" data-id=\"57d6429\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">MIDI-Steuerung<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10a497d elementor-widget elementor-widget-text-editor\" data-id=\"10a497d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Sie m\u00f6chten mehrere Parameter gleichzeitig manuell steuern? Verwenden Sie das MIDI-Protokoll. Auf dem Markt gibt es eine Vielzahl von MIDI-Controllern f\u00fcr Musik. Sie sind alle mit dem HeavyM kompatibel. Schlie\u00dfen Sie Ihre Hardware im Konfigurationsfenster an, das \u00fcber das orangefarbene Symbol in der oberen rechten Ecke der Benutzeroberfl\u00e4che zug\u00e4nglich ist. Dann k\u00f6nnen Sie im MIDI-Lernmodus die Verbindung zwischen den Shader-Parametern und den Tasten Ihrer Hardware konfigurieren.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0292179 elementor-widget elementor-widget-image\" data-id=\"0292179\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"998\" height=\"620\" data-src=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-MIDI-1.png.webp\" class=\"attachment-full size-full wp-image-14232 lazyload\" alt=\"HeavyM Schieberegler - MIDI\" data-srcset=\"https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-MIDI-1.png.webp 998w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-MIDI-1-300x186.png.webp 300w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-MIDI-1-768x477.png.webp 768w, https:\/\/www.heavym.net\/wp-content\/smush-webp\/2021\/10\/HeavyM-Shaders-MIDI-1-18x12.png.webp 18w\" data-sizes=\"(max-width: 998px) 100vw, 998px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 998px; --smush-placeholder-aspect-ratio: 998\/620;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47b757c elementor-widget elementor-widget-heading\" data-id=\"47b757c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Schlussfolgerung<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-177ef86 elementor-widget elementor-widget-text-editor\" data-id=\"177ef86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Die kreativen M\u00f6glichkeiten, die Shader bieten, sind unendlich. Diese Programme erm\u00f6glichen es Ihnen, die Leistung Ihrer Grafikkarte mit nur wenigen Klicks zu nutzen. Ihr Computer bietet Ihnen einen einfachen Zugang zur generativen Kunst, die darin besteht, Werke aus Algorithmen zu schaffen. Viele digitale K\u00fcnstler nutzen diese Technik, zum Beispiel Antoine Schmidt, Miguel Chevalier, Vera Moln\u00e1r, Du Zhenjun, Daniel Rozin...\u00a0<\/span><\/p><p><span style=\"font-weight: 400;\">Mit HeavyM haben wir gesehen, dass es sehr einfach ist, Shader zu verwenden und zu steuern. Kombinieren Sie sie grenzenlos, um Ihr eigenes Bildmaterial und Ihre eigene Identit\u00e4t zu schaffen!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Back to Blog home Introduction to the HeavyM shaders to create your own VFX Introduction You&#8217;re interested in creating your own visual effects in HeavyM? In this article, we will introduce the exciting creative possibilities offered by the shaders. By the way, what is a shader? A shader is a computer program that runs on [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":11155,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-10381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.8 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Introduction to HeavyM Shaders \u2013 Create Your Own VFX<\/title>\n<meta name=\"description\" content=\"Interested in creating your own HeavyM shaders? We&#039;ll introduce the exciting creative possibilities offered by the software to do it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.heavym.net\/de\/heavym-shaders\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introduction to the HeavyM shaders to create your own VFX\" \/>\n<meta property=\"og:description\" content=\"Interested in creating your own HeavyM shaders? We&#039;ll introduce the exciting creative possibilities offered by the software to do it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.heavym.net\/de\/heavym-shaders\/\" \/>\n<meta property=\"og:site_name\" content=\"HeavyM\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-12T07:37:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-27T15:35:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"288\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"HeavyM Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/\"},\"author\":{\"name\":\"HeavyM Team\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#\\\/schema\\\/person\\\/91aa653987c9f5917f1a56dd531a1b11\"},\"headline\":\"Introduction to the HeavyM shaders to create your own VFX\",\"datePublished\":\"2021-10-12T07:37:11+00:00\",\"dateModified\":\"2025-02-27T15:35:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/\"},\"wordCount\":2068,\"publisher\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/1-3.jpeg\",\"articleSection\":[\"Technology\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/\",\"name\":\"Introduction to HeavyM Shaders \u2013 Create Your Own VFX\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/1-3.jpeg\",\"datePublished\":\"2021-10-12T07:37:11+00:00\",\"dateModified\":\"2025-02-27T15:35:18+00:00\",\"description\":\"Interested in creating your own HeavyM shaders? We'll introduce the exciting creative possibilities offered by the software to do it.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/1-3.jpeg\",\"contentUrl\":\"https:\\\/\\\/www.heavym.net\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/1-3.jpeg\",\"width\":512,\"height\":288,\"caption\":\"Example of a video game using shaders: Minecraft\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/heavym-shaders\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.heavym.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introduction to the HeavyM shaders to create your own VFX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#website\",\"url\":\"https:\\\/\\\/www.heavym.net\\\/\",\"name\":\"HeavyM\",\"description\":\"Easy Projection Mapping\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.heavym.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.heavym.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"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\\\/91aa653987c9f5917f1a56dd531a1b11\",\"name\":\"HeavyM Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g\",\"caption\":\"HeavyM Team\"},\"url\":\"https:\\\/\\\/www.heavym.net\\\/de\\\/author\\\/houssam\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Einf\u00fchrung in HeavyM-Shader - Erstellen Sie Ihre eigenen VFX","description":"M\u00f6chten Sie Ihre eigenen HeavyM-Shader erstellen? Wir stellen Ihnen die spannenden kreativen M\u00f6glichkeiten vor, die die Software daf\u00fcr bietet.","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\/heavym-shaders\/","og_locale":"de_DE","og_type":"article","og_title":"Introduction to the HeavyM shaders to create your own VFX","og_description":"Interested in creating your own HeavyM shaders? We'll introduce the exciting creative possibilities offered by the software to do it.","og_url":"https:\/\/www.heavym.net\/de\/heavym-shaders\/","og_site_name":"HeavyM","article_published_time":"2021-10-12T07:37:11+00:00","article_modified_time":"2025-02-27T15:35:18+00:00","og_image":[{"width":512,"height":288,"url":"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg","type":"image\/jpeg"}],"author":"HeavyM Team","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.heavym.net\/heavym-shaders\/#article","isPartOf":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/"},"author":{"name":"HeavyM Team","@id":"https:\/\/www.heavym.net\/#\/schema\/person\/91aa653987c9f5917f1a56dd531a1b11"},"headline":"Introduction to the HeavyM shaders to create your own VFX","datePublished":"2021-10-12T07:37:11+00:00","dateModified":"2025-02-27T15:35:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/"},"wordCount":2068,"publisher":{"@id":"https:\/\/www.heavym.net\/#organization"},"image":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg","articleSection":["Technology"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/www.heavym.net\/heavym-shaders\/","url":"https:\/\/www.heavym.net\/heavym-shaders\/","name":"Einf\u00fchrung in HeavyM-Shader - Erstellen Sie Ihre eigenen VFX","isPartOf":{"@id":"https:\/\/www.heavym.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/#primaryimage"},"image":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg","datePublished":"2021-10-12T07:37:11+00:00","dateModified":"2025-02-27T15:35:18+00:00","description":"M\u00f6chten Sie Ihre eigenen HeavyM-Shader erstellen? Wir stellen Ihnen die spannenden kreativen M\u00f6glichkeiten vor, die die Software daf\u00fcr bietet.","breadcrumb":{"@id":"https:\/\/www.heavym.net\/heavym-shaders\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heavym.net\/heavym-shaders\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.heavym.net\/heavym-shaders\/#primaryimage","url":"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg","contentUrl":"https:\/\/www.heavym.net\/wp-content\/uploads\/2021\/07\/1-3.jpeg","width":512,"height":288,"caption":"Example of a video game using shaders: Minecraft"},{"@type":"BreadcrumbList","@id":"https:\/\/www.heavym.net\/heavym-shaders\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.heavym.net\/"},{"@type":"ListItem","position":2,"name":"Introduction to the HeavyM shaders to create your own VFX"}]},{"@type":"WebSite","@id":"https:\/\/www.heavym.net\/#website","url":"https:\/\/www.heavym.net\/","name":"HeavyM","description":"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\/91aa653987c9f5917f1a56dd531a1b11","name":"HeavyM-Team","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b90694fb04d50a98286ba18e6dfd39d4c075bf22e4f2166a1aa9601a12b02923?s=96&d=mm&r=g","caption":"HeavyM Team"},"url":"https:\/\/www.heavym.net\/de\/author\/houssam\/"}]}},"_links":{"self":[{"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/posts\/10381","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/comments?post=10381"}],"version-history":[{"count":81,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/posts\/10381\/revisions"}],"predecessor-version":[{"id":32776,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/posts\/10381\/revisions\/32776"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/media\/11155"}],"wp:attachment":[{"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/media?parent=10381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/categories?post=10381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heavym.net\/de\/wp-json\/wp\/v2\/tags?post=10381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}