如何在C++ OpenGL中使用无main函数的片段着色器及boxShadow函数

嘿，很高兴能帮你解决这个问题！你提到的这款圆角矩形阴影着色器是个非常实用的工具，它本质上是一个可复用的函数片段，并非完整的着色器程序——这就是它没有main函数的原因。下面分两部分给你详细拆解：

一、如何使用无main函数的片段着色器 #

这类着色器代码是为了被嵌入到完整的着色器程序中使用的，步骤非常简单：

• 复制函数到完整着色器中：把boxShadow函数的代码完整复制到你的片段着色器文件里，放在main()函数的外部（比如文件开头）。
• 编写main函数调用该函数：在main()函数里，根据你的需求传入函数所需的参数，计算阴影值后，将其与物体颜色混合，或者直接输出阴影效果。

举个完整的片段着色器示例：

// 复制过来的boxShadow函数
float boxShadow(vec2 center, vec2 halfSize, float cornerRadius, vec2 lightPos, float lightRadius) {
    // 原函数的实现代码...
}

// 自定义main函数
void main() {
    // 1. 定义所需参数：盒子位置、尺寸、圆角，光源位置、模糊半径等
    vec2 boxCenter = vec2(0.5, 0.5); // 屏幕中心的盒子（NDC坐标）
    vec2 boxHalfSize = vec2(0.2, 0.15);
    float boxCornerRadius = 0.05;
    vec2 lightPosition = vec2(0.6, 0.7);
    float shadowBlurRadius = 0.03;

    // 2. 调用boxShadow计算阴影强度
    float shadow = boxShadow(boxCenter, boxHalfSize, boxCornerRadius, lightPosition, shadowBlurRadius);

    // 3. 混合阴影与底色（这里用白色底色加灰色阴影）
    vec3 baseColor = vec3(1.0);
    vec3 shadowColor = vec3(0.2);
    gl_FragColor = vec4(mix(baseColor, shadowColor, shadow), 1.0);
}

二、在C++ OpenGL代码中调用boxShadow函数绘制盒子阴影 #

要在OpenGL中用上这个函数，你需要完成着色器程序构建、参数传递和绘制三个核心步骤：

1. 准备完整的着色器程序 #

你需要一个配套的顶点着色器（比如用于绘制全屏四边形的简单顶点着色器），再加上上面包含boxShadow的片段着色器。

顶点着色器示例（全屏四边形，直接传递NDC坐标）：

#version 330 core
layout (location = 0) in vec2 aPos;

out vec2 texCoords;

void main() {
    gl_Position = vec4(aPos, 0.0, 1.0);
    texCoords = (aPos + 1.0) / 2.0; // 转换为0-1的屏幕坐标
}

2. 编译并链接着色器程序 #

在C++代码中，编写常规的着色器编译逻辑：

// 辅助函数：编译单个着色器
unsigned int compileShader(unsigned int type, const std::string& source) {
    unsigned int id = glCreateShader(type);
    const char* src = source.c_str();
    glShaderSource(id, 1, &src, nullptr);
    glCompileShader(id);

    // 建议补充编译错误检查逻辑
    return id;
}

// 创建并链接完整着色器程序
unsigned int createShaderProgram(const std::string& vertexShaderSource, const std::string& fragmentShaderSource) {
    unsigned int vs = compileShader(GL_VERTEX_SHADER, vertexShaderSource);
    unsigned int fs = compileShader(GL_FRAGMENT_SHADER, fragmentShaderSource);

    unsigned int program = glCreateProgram();
    glAttachShader(program, vs);
    glAttachShader(program, fs);
    glLinkProgram(program);

    // 建议补充链接错误检查逻辑
    glDeleteShader(vs);
    glDeleteShader(fs);

    return program;
}

3. 设置uniform参数并绘制 #

在渲染循环中，你需要把盒子的参数、光源参数等传递给着色器的uniform变量，然后绘制用于承载阴影的几何体（通常是全屏四边形，或者对应盒子阴影区域的矩形）：

// 假设你已加载顶点和片段着色器源码到字符串中
unsigned int shaderProgram = createShaderProgram(vertexShaderSource, fragmentShaderSource);
glUseProgram(shaderProgram);

// 设置uniform参数（对应片段着色器中的变量）
// 注意：若盒子在世界空间，需先通过MVP矩阵转换为屏幕空间坐标再传递
glUniform2f(glGetUniformLocation(shaderProgram, "boxCenter"), 0.5f, 0.5f);
glUniform2f(glGetUniformLocation(shaderProgram, "boxHalfSize"), 0.2f, 0.15f);
glUniform1f(glGetUniformLocation(shaderProgram, "boxCornerRadius"), 0.05f);
glUniform2f(glGetUniformLocation(shaderProgram, "lightPosition"), 0.6f, 0.7f);
glUniform1f(glGetUniformLocation(shaderProgram, "shadowBlurRadius"), 0.03f);

// 绘制全屏四边形（假设已创建对应VAO/VBO，顶点为NDC坐标的四个点）
glBindVertexArray(vao);
glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);

关键注意事项 #

• 坐标空间转换：boxShadow函数通常基于屏幕空间坐标（0-1范围或NDC），如果你的盒子在世界空间中，需要通过MVP矩阵把盒子位置转换到屏幕空间后再传递给着色器。
• 性能优化：若需绘制多个盒子的阴影，可将所有盒子参数打包到uniform数组中，在着色器内循环计算，减少绘制调用次数。

内容的提问来源于stack exchange，提问作者rawinput