将 ShaderToy 上的着色器例子移植到 QML 中

将 ShaderToy 上的着色器例子移植到 QML 中

ShaderToy 是一个着色器学习网站，大牛在这个网站上分享他的 GLSL，以及炫酷的示例。

如下代码，将 ShaderToy 的一些思维进行了封装，需要考虑 GLSL ES 接口。

#ifndef GL_ES

#extension GL_EXT_shader_texture_lod : enable
#extension GL_OES_standard_derivatives : enable

precision highp float;
precision highp int;
precision mediump sampler2D;

#endif

#ifdef GL_ES
precision mediump float;
#endif

uniform lowp float qt_Opacity;
varying highp vec2 qt_TexCoord0;

uniform vec3 iResolution ;

uniform float iGlobalTime;

uniform float     iChannelTime[4];
uniform vec3      iChannelResolution[4];

uniform vec4      iMouse;
uniform sampler2D iChannel0;
uniform sampler2D iChannel1;
uniform sampler2D iChannel2;
uniform sampler2D iChannel3;
uniform vec4      iDate;

uniform float     iSampleRate;

在 ShaderToy 中一定会使用的 void mainImage( out vec4 fragColor, in vec2 fragCoord )。

void main(void)
{
    mainImage(gl_FragColor, gl_FragCoord.xy);
}

注意，GLSL 支持函数重载，但是 GLSL 不支持隐式转换，所以参数传递时必须类型匹配。

最后看看项目 ShaderToy.qml，使用 ShaderEffect 进行显卡渲染的例子吧。

参考：

【ShaderToy】开篇

shadertoy-iOS-v2