您的位置:首页 > 其它

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

2016-03-14 22:58 190 查看

将 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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  QML ShaderToy GLSL 着色器