Shadertoy-Effekte portieren nach Qt Quick Effect Maker

Sie können in Shadertoy erstellte Effekte in „ Qt Quick Effect Maker “ verwenden. Beachten Sie bei der Verwendung von Shadertoy-Effekten Folgendes:

• Qt Quick Effect Maker unterstützt die folgenden Shadertoy-Funktionen nicht:
  • Multipass-Effekte (Registerkarten „Buffer“)
  • Audio
  • Cube-Maps
  • 3D-Texturen
• Shadertoy unterstützt nur Fragment-Shader und integrierte Texturen. Um die Leistung der Effekte in Qt Quick Effect Maker zu verbessern, verlagern Sie einige Berechnungen in den Vertex-Shader und verwenden Sie benutzerdefinierte Bilder, um den Shader-Code zu vereinfachen.
• Das Koordinatensystem unterscheidet sich zwischen Shadertoy und Qt Quick Effect Maker. Bei Shadertoy befindet sich der Ursprung (0,0) in der unteren linken Ecke, während bei Qt Quick Effect Maker der Ursprung in der oberen linken Ecke liegt.

Verwendung eines Shadertoy-Effekts in Qt Quick Effect Maker

So verwenden Sie einen Shadertoy-Effekt in „ Qt Quick Effect Maker “:

1. Erstellen Sie in „ Qt Quick Effect Maker “ einen neuen Effekt.
2. Wählen Sie im Knoten-Editor „ Add node “ aus und wählen Sie anschließend unter „ Common “ die Option „ Custom “ aus. Dadurch wird ein leerer Knoten erstellt.

   

3. Kopieren Sie in Shadertoy den gesamten Code aus der Registerkarte „ Image “.
4. Doppelklicken Sie unter „ Qt Quick Effect Maker “ im Knoten-Editor auf den Knoten „ Custom “. Dadurch wird der Code-Editor geöffnet.
5. Fügen Sie den Shadertoy-Code in die Registerkarte „ Frag “ ein.
6. Suchen Sie im Code nach der Funktion „ Main “; sie sieht in etwa so aus:

   void mainImage( out vec4 fragColor, in vec2 fragCoord )

7. Ersetzen Sie diese Zeile durch:

   @main

   Hinweis: „ @main “ und das darauf folgende „{“dürfen nicht in derselben Zeile stehen.

8. Optional: Wenn der Effekt vom Koordinatensystem abhängt, wird er auf den Kopf gestellt angezeigt. Um dies zu beheben, müssen Sie die y-Koordinate umkehren:
   1. Wechseln Sie zur Registerkarte „ Vert “.

      

   2. Wählen Sie im Dropdown-Menü „ Main “ aus.
   3. Suchen Sie die Zeile „ fragCoord “, sie sollte in etwa so aussehen:

      fragCoord = qt_Vertex.xy;

   4. Ersetzen Sie diese Zeile durch:

      fragCoord = vec2(qt_Vertex.x, iResolution.y - qt_Vertex.y);

   5. Ebenso müssen Sie möglicherweise die Einträge „ texCoord “ und „ iMouse “ anpassen.

Nun läuft der Effekt und sieht genauso aus wie der Shadertoy-Effekt.