Portierung von Shadertoy-Effekten nach Qt Quick Effect Maker

Sie können in Shadertoy erstellte Effekte in Qt Quick Effect Maker verwenden. Wenn Sie Shadertoy-Effekte verwenden, sollten Sie Folgendes beachten:

• Qt Quick Effect Maker Die folgenden Shadertoy-Funktionen werden nicht unterstützt:
  • Multipass-Effekte (Puffer-Registerkarten)
  • Audio
  • Würfel-Maps
  • 3D-Texturen
• Shadertoy unterstützt nur Fragment-Shader und eingebaute Texturen. Um die Effektleistung in Qt Quick Effect Maker zu verbessern, verlagern Sie einige Berechnungen in den Vertex-Shader und verwenden benutzerdefinierte Bilder, um den Shader-Code zu vereinfachen.
• Das Koordinatensystem unterscheidet sich zwischen Shadertoy und Qt Quick Effect Maker. In Shadertoy befindet sich der Ursprung (0,0) in der unteren linken Ecke, während Qt Quick Effect Maker den Ursprung in der oberen linken Ecke hat.

Verwenden 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 Knoteneditor Add node und dann unter Common die Option Custom. Dadurch wird ein leerer Knoten erstellt.

   

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

   void mainImage( out vec4 fragColor, in vec2 fragCoord )

7. Ersetzen Sie diese Zeile durch:

   @main

   Hinweis: Sie können nicht @main und das folgende { in derselben Zeile haben.

8. Optional. Wenn der Effekt vom Koordinatensystem abhängt, erscheint er auf dem Kopf stehend. Um dies zu beheben, müssen Sie die y-Koordinate umdrehen:
   1. Gehen Sie auf die Registerkarte Vert.

      

   2. Wählen Sie im Dropdown-Menü Main.
   3. Suchen Sie die Zeile fragCoord. Sie sollte etwa so aussehen:

      fragCoord = qt_Vertex.xy;

   4. Ersetzen Sie diese Zeile durch:

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

   5. In ähnlicher Weise müssen Sie möglicherweise texCoord und iMouse anpassen.

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