Question

我正在尝试在OpenGL ES 2.0中为'sphere'实现反射映射。我做了天空盒。对于球体渲染，我使用的反射着色器是：

环境贴图（Sphere）顶点着色器::

precision highp float;
uniform mat4    u_mvMatrix; // ModelView Matrix
uniform mat4    u_mvpMatrix; // ModelViewProjection Matrix

attribute vec4 a_position;
attribute vec3 a_envmapNormal;

varying vec3 v_eyecoordEyeReflection;

vec3 v_eyecoordPosition;
vec3 v_eyecoordNormal;

void main()
 {
    // position and normal in model coordinates
    vec4 modelCoordPosition = a_position;
    vec3 modelCoordNormal   = a_envmapNormal;

    // Calculate position in eye space
    v_eyecoordPosition = vec3(u_mvMatrix * modelCoordPosition);

    // Calculate and normalize eye space normal
    vec3 eyecoordNormal    = vec3(u_mvMatrix * vec4(modelCoordNormal, 0.0));
    v_eyecoordNormal        = normalize(eyecoordNormal);
    // Calculate reflection vector
    v_eyecoordEyeReflection = reflect(v_eyecoordPosition, v_eyecoordNormal);

    gl_Position = u_mvpMatrix * a_position;
}

环境映射（Sphere）片段着色器

precision highp float;
uniform lowp samplerCube baseCubeMapTexture;
varying vec3 v_eyecoordEyeReflection;

void main()
{
    gl_FragColor  = textureCube(baseCubeMapTexture, v_eyecoordEyeReflection);
}

但我没有得到正确的输出。旋转球体时，纹理不会改变。

着色器中的错误是什么？

谢谢Andon ...... 我使用了你的着色器代码。但我得到的是白色球体。

球体法线使用以下公式计算：

    #define ANGLE_STEP      ((2.0f * OGLES_PI) / ((float) NUM_OF_SLICES))
    for ( iCnti = 0; iCnti < NUM_OF_PARALLELS + 1; iCnti++ )    {
        for ( iCntj = 0; iCntj < NUM_OF_SLICES + 1; iCntj++ )   {
            pSphereNormals[iNormalIndex + 0] = sin(ANGLE_STEP * (FLOAT) iCnti )* sin (ANGLE_STEP *(FLOAT)iCntj);
            pSphereNormals[iNormalIndex + 1] = cos(ANGLE_STEP * (FLOAT) iCnti );
            pSphereNormals[iNormalIndex + 2] = sin(ANGLE_STEP * (FLOAT) iCnti )* cos (ANGLE_STEP *(FLOAT)iCntj);
            iNormalIndex += 3;
        }
    }

My View Matrix“matViewMatrix”派生自（http://www.learnopengles.com/tag/linmath-h/ mat4x4_look_at（）） MyCameraLookAt（matViewMatrix，0.0f，0.0f，-2.0f，0.0f，0.0f，-1.0f，0.0f，1.0f，0.0f）;

逆矩阵InvViewMat是// inverse（）函数取自http://www.opensource.apple.com/source/WebCore/WebCore-514/platform/graphics/transforms/TransformationMatrix.cpp

    InvViewMat[0][0] = -1.000000   InvViewMat[1][0] = -0.000000   InvViewMat[2][0] = 0.000000    InvViewMat[3][0] = -0.000000
    InvViewMat[0][1] = -0.000000   InvViewMat[1][1] = 1.000000    InvViewMat[2][1] = -0.000000   InvViewMat[3][1] = -0.000000
    InvViewMat[0][2] =  0.000000   InvViewMat[1][2] = -0.000000   InvViewMat[2][2] = -1.000000   InvViewMat[3][2] = -2.000000
    InvViewMat[0][3] = -0.000000   InvViewMat[1][3] = 0.000000    InvViewMat[2][3] = 0.000000    InvViewMat[3][3] = 1.000000

我的矩阵值或我的任何计算有问题吗？

Answer 1

如果你的球体以相机的原点（眼睛空间）为中心，那么无论你如何旋转它，眼睛空间中的位置和法线在屏幕上的任何位置总是相同的。这就是球体的定义 - 每个顶点与中心的距离（半径）相同。

您实际上需要在 世界空间 中执行此操作（旋转球体时该位置会有所不同）。

现在，这会带来一个问题 - 你只有一个ModelView矩阵（从对象空间转换到眼睛空间）。您将需要拆分模型和视图矩阵来执行此操作，为方便起见，您应该将View矩阵的反转传递给GLSL。

以下是经过修改的顶点着色器，可以执行您想要的操作：

precision highp float;
uniform mat4    u_vInvMatrix; // Inverse View Matrix -- NEW
uniform mat4    u_mvMatrix;   // ModelView Matrix
uniform mat4    u_mvpMatrix;  // ModelViewProjection Matrix

attribute vec4 a_position;
attribute vec3 a_envmapNormal;

//varying vec3 v_eyecoordEyeReflection; // YOU DO NOT WANT EYE-SPACE
varying vec3 v_worldReflection;         // Use world-space instead -- MODIFIED

vec3 v_eyecoordPosition;
vec3 v_eyecoordNormal;

void main()
 {
    // position and normal in model coordinates
    vec4 modelCoordPosition = a_position;
    vec3 modelCoordNormal   = a_envmapNormal;

    // Calculate position in eye space
    v_eyecoordPosition   = vec3(u_mvMatrix * modelCoordPosition);

    // Calculate and normalize eye space normal
    vec3 eyecoordNormal  = vec3(u_mvMatrix * vec4(modelCoordNormal, 0.0));
    v_eyecoordNormal     = normalize(eyecoordNormal);

    // Calculate reflection vector (eye-space)
    vec3 eyeReflection   = reflect(v_eyecoordPosition, v_eyecoordNormal);

    // Transform the reflection into world-space -- NEW
    v_worldReflection    = vec3 (u_vInvMatrix * vec4 (eyeReflection, 0.0f));

    gl_Position = u_mvpMatrix * a_position;
}

OpenGL ES中的反射映射

1 个答案:

以下是经过修改的顶点着色器，可以执行您想要的操作：