Question

我使用GPUImage的角点检测器从相机捕获的帧中提取角点。我想在角落坐标处渲染闪光。当我得到角点坐标时，我将它传递给我的火花发生器（非常类似于GPUImage的十字线发生器）：

public func renderSparkles(_ positions:[Position]) {
    imageFramebuffer.activateFramebufferForRendering()
    imageFramebuffer.timingStyle = .stillImage

    glEnable(GLenum(GL_POINT_SPRITE_OES))

    sparklesShader.use()
    uniformSettings.restoreShaderSettings(sparklesShader)

    clearFramebufferWithColor(Color.transparent)

    guard let positionAttribute = sparklesShader.attributeIndex("position") else { 
         fatalError("A position attribute was missing from the shader program during rendering.") 
    }

    let convertedPositions = positions.flatMap{$0.toGLArray()}
    glVertexAttribPointer(positionAttribute, 2, GLenum(GL_FLOAT), 0, 0, convertedPositions)
    glDrawArrays(GLenum(GL_POINTS), 0, GLsizei(positions.count))

    notifyTargets()
}

在生成器的片段着色器中，我在角坐标处绘制闪光：

uniform lowp vec3 crosshairColor; 
varying highp vec2 centerLocation;

void main()
{
   lowp vec2 distanceFromCenter = abs(centerLocation - gl_PointCoord.xy);

   lowp float r = length(distanceFromCenter)*0.042; 
   lowp float a = atan(distanceFromCenter.y,distanceFromCenter.x);      
   lowp float f = abs(cos(a*2.0))*0.100*-0.322/0.224;
   lowp float b = abs(cos(a*2.0))*0.078*-0.882/17.088;
   lowp float c = abs(cos(a*2.0))*0.030*-0.178*0.688;

   lowp vec4 color = vec4(1.0-smoothstep(f,b+0.04,r)) + vec4(1.0-smoothstep(b,c+0.02,r/0.644)) + vec4(1.0-smoothstep(b,c+0.011,r/0.764));
   gl_FragColor = color;
}

Here is an example of output I've got

我怎么能混合闪闪发光？

Answer 1

如果其他人会发现它有用，这里是基于Rabbid76建议的渲染闪光方法的代码：

public func renderSparkles(_ positions:[Position]) {
    imageFramebuffer.activateFramebufferForRendering()
    imageFramebuffer.timingStyle = .stillImage

    glEnable(GLenum(GL_POINT_SPRITE_OES))

    glEnable(GLenum(GL_BLEND))
    glBlendFunc(GLenum(GL_SRC_ALPHA),GLenum(GL_ONE_MINUS_CONSTANT_ALPHA))

    sparklesShader.use()
    uniformSettings.restoreShaderSettings(sparklesShader)

    clearFramebufferWithColor(Color.transparent)

    guard let positionAttribute = sparklesShader.attributeIndex("position") else { 
        fatalError("A position attribute was missing from the shader program during rendering.") 
    }

    let convertedPositions = positions.flatMap{$0.toGLArray()}
    glVertexAttribPointer(positionAttribute, 2, GLenum(GL_FLOAT), 0, 0, convertedPositions)
    glDrawArrays(GLenum(GL_POINTS), 0, GLsizei(positions.count))

    notifyTargets()   
}

OpenGL-ES：选择性混合

1 个答案: