Shadertoy 효과를 Qt Quick Effect Maker

Shadertoy에서 만든 효과는 Qt Quick Effect Maker 에서 사용할 수 있습니다. Shadertoy 효과를 사용할 때는 다음 사항을 고려하십시오:

• Qt Quick Effect Maker 는 다음 Shadertoy 기능을 지원하지 않습니다:
  • 멀티패스 효과(버퍼 탭)
  • 오디오
  • 큐브 맵
  • 3D 텍스처
• Shadertoy는 프래그먼트 셰이더와 내장 텍스처만 지원합니다. Qt Quick Effect Maker 에서 효과 성능을 향상시키려면 일부 연산을 버텍스 셰이더로 옮기고, 사용자 정의 이미지를 사용하여 셰이더 코드를 간소화하세요.
• Shadertoy와 Qt Quick Effect Maker 의 좌표계는 다릅니다. Shadertoy에서는 원점(0,0)이 왼쪽 하단 모서리에 위치하는 반면, Qt Quick Effect Maker 에서는 원점이 왼쪽 상단 모서리에 있습니다.

xml-ph-0000@deepl.internal에서 Shadertoy 효과를 사용하는 방법: Qt Quick Effect Maker

Qt Quick Effect Maker 에서 Shadertoy 효과를 사용하려면:

1. Qt Quick Effect Maker 에서 새 이펙트를 생성합니다.
2. 노드 편집기에서 ‘ Add node ’를 선택한 다음, ‘ Common ’ 아래에서 ‘ Custom ’를 선택합니다. 그러면 빈 노드가 생성됩니다.

   

3. Shadertoy에서 ‘ Image ’ 탭의 모든 코드를 복사합니다.
4. Qt Quick Effect Maker 에서 노드 편집기의 Custom 노드를 더블클릭합니다. 그러면 코드 편집기가 열립니다.
5. Shadertoy 코드를 ‘ Frag ’ 탭에 붙여넣으세요.
6. 코드에서 ` Main ` 함수를 찾으세요. 대략 다음과 같은 형태입니다:

   void mainImage( out vec4 fragColor, in vec2 fragCoord )

7. 이 줄을 다음으로 대체하십시오:

   @main

   참고: 같은 줄에 ` @main `와 그 뒤의 `{`를 함께 사용할수 없습니다.

8. 선택 사항. 효과가 좌표계에 따라 달라지는 경우, 효과가 거꾸로 표시됩니다. 이 문제를 해결하려면 y 좌표를 반전시켜야 합니다:
   1. ' Vert ' 탭으로 이동합니다.

      

   2. 드롭다운 메뉴에서 ‘ Main ’을 선택합니다.
   3. ' fragCoord ' 줄을 찾으세요. 대략 다음과 같은 형태일 것입니다:

      fragCoord = qt_Vertex.xy;

   4. 이 줄을 다음과 같이 바꾸세요:

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

   5. 마찬가지로, ‘ texCoord ’과 ‘ iMouse ’도 조정해야 할 수 있습니다.

이제 이 효과가 실행되며 Shadertoy의 효과와 똑같이 보입니다.