cvw76 19分钟前
嗨, 我需要快速启动并运行一个应用程序原型,该应用程序可以将背景,蓝色或绿色隔离成一个图形,但可以是其他颜色。
我浏览了Qt5项目示例,而QML video FX示例几乎可以将我需要的部分分解为现有的QML-C ++。我很快发现我需要遵循GLSL着色器路线,因为我的应用程序还将移植到Android上,因此需要实时功能。 “隔离”滤镜几乎可以满足我的需要,除了它可以使彩色背景不饱和而不是使其变得透明之外,因此我可以将其放置在另一幅图像上。否则,我需要的一切都在那里并且易于集成。我的问题是,我对GLSL的了解不多,目前我几乎在着色器方面稍作努力。我还有其他一些工作示例,它们具有非常实用的功能,opengl色度键着色器以实现统一,但是我需要先阅读GLSL,然后才能尝试整合它们。这样的事情-我在寻找答案。这在解释更多GLSL方面非常有帮助,但并不能完全理解我的观点。
Can someone please explain this Fragment Shader? It is a Chroma Key Filter (Green screen effect)
而且我不需要完整的,精确的色度键,只是从相机或视频中获得相对时间(ish)的合理结果-几乎与示例类似。这对于我当前的项目设置是完美的。
有人对此有经验吗?如果有人可以与我讨论着色器代码的示例,并让我了解在何处针对我的目的对其进行更改,那么请看这里。
非常感谢
// QML video FX sample from QT5 examples - isolate.fsh file
// Based on http://kodemongki.blogspot.com/2011/06/kameraku-custom-shader-effects-example.html
uniform float targetHue;
uniform float windowWidth;
uniform float dividerValue;
uniform sampler2D source;
uniform lowp float qt_Opacity;
varying vec2 qt_TexCoord0;
void rgb2hsl(vec3 rgb, out float h, out float s, float l)
{
float maxval = max(rgb.r, max(rgb.g, rgb.b));
float minval = min(rgb.r, min(rgb.g, rgb.b));
float delta = maxval - minval;
l = (minval + maxval) / 2.0;
s = 0.0;
if (l > 0.0 && l < 1.0)
s = delta / (l < 0.5 ? 2.0 * l : 2.0 - 2.0 * l);
h = 0.0;
if (delta > 0.0)
{
if (rgb.r == maxval && rgb.g != maxval)
h += (rgb.g - rgb.b ) / delta;
if (rgb.g == maxval && rgb.b != maxval)
h += 2.0 + (rgb.b - rgb.r) / delta;
if (rgb.b == maxval && rgb.r != maxval)
h += 4.0 + (rgb.r - rgb.g) / delta;
h *= 60.0;
}
}
void main()
{
vec2 uv = qt_TexCoord0.xy;
vec3 col = texture2D(source, uv).rgb;
float h, s, l;
rgb2hsl(col, h, s, l);
float h2 = (h > targetHue) ? h - 360.0 : h + 360.0;
float y = 0.3 * col.r + 0.59 * col.g + 0.11 * col.b;
//float y = col.r * col.g * col.b;
vec3 result;
if (uv.x > dividerValue || (abs(h - targetHue) < windowWidth) || (abs(h2 - targetHue) < windowWidth))
result = col;
else
result = vec3(y, y, y);
gl_FragColor = qt_Opacity * vec4(result, 1.0);
}