OpenGL背景颜色推子

Question

我将如何实现一个使用C与OpenGL的例程，使背景颜色很好地从一种颜色过渡到另一种颜色，然后再次返回，反复？我在调色板中的所有颜色都是3位精度。从0.000到1.000。颜色分量以均匀的时间到达第二种颜色变得复杂，更不用说调整转换速度了。我现在保持在0.001的状态并不错。

Answer 1

要回答genpfault的回答你的问题：

glm::mix（以及GLSL的一个），基本上只是做linear interpolation。在代码中，这可能意味着像

struct Color 
{ 
    float r, g, b; 
}; 

Color lerp(Color a, Color b, float t) 
{ 
    Color c; 
    c.r = (1-t)*a.r + t*b.r; 
    c.g = (1-t)*a.g + t*b.g; 
    c.b = (1-t)*a.b + t*b.b; 

    return c; 
} 

现在，一个共同的功能，用它来找回一些来回效果是cosine function。

余弦为您提供了-1到1之间的值，所以你可能希望它的规模介于0和1，这可以通过使用

float t = cos(x) * 0.5 + 0.5; // *0.5 gets to [-0.5, 0.5], +0.5 gets to [0,1] 

做，你用这个t来计算你的颜色。 x可以是当前时间乘以某个值，可帮助您控制插值的速度。

编辑： 使用gpenfault的代码为出发点，你可以做这样的东西（如果它提出任何问题，我将其删除）：

// g++ main.cpp -lglut -lGL 
#include <GL/glut.h> 
#include <cmath> 

int dstTime = 0; // milliseconds 

struct Color 
{ 
    float r, g, b; 
}; 

Color makeColor(float r, float g, float b) 
{ 
    Color c = { r, g, b }; 
    return c; 
}; 

Color lerp(Color a, Color b, float t) 
{ 
    Color c; 
    c.r = (1-t)*a.r + t*b.r; 
    c.g = (1-t)*a.g + t*b.g; 
    c.b = (1-t)*a.b + t*b.b; 

    return c; 
} 

void display() 
{ 
    const int curTime = glutGet(GLUT_ELAPSED_TIME); 

    // figure out how far along duration we are, between 0.0 and 1.0 
    const float t = std::cos(float(curTime) * 0.001) * 0.5 + 0.5; 

    // interpolate between two colors 
    Color curColor = lerp(makeColor(0.0, 0.0, 0.0), makeColor(1.0, 1.0, 1.0), t); 

    glClearColor(curColor.r, curColor.g, curColor.b, 1); 
    glClear(GL_COLOR_BUFFER_BIT); 
    glutSwapBuffers(); 
} 

void timer(int value) 
{ 
    glutPostRedisplay(); 
    glutTimerFunc(16, timer, 0); 
} 

int main(int argc, char** argv) 
{ 
    glutInit(&argc, argv); 
    glutInitDisplayMode(GLUT_RGBA | GLUT_DOUBLE); 
    glutInitWindowSize(400,400); 
    glutCreateWindow("GLUT"); 
    glutDisplayFunc(display); 
    glutTimerFunc(0, timer, 0); 
    glutMainLoop(); 
    return 0; 
} 

Answer 2

1. 抓住当前时间&计算时间X毫秒到未来
2. 每一帧看你是未来的时间（某处0％和100％，两者之间）
3. 使用的百分比值接近在两种颜色之间进行插值
4. 如果每帧当前时间超过目标时间，重置动画端点&会设置新的未来时间。

总之：

// g++ main.cpp -lglut -lGL 
#include <GL/glut.h> 

// http://glm.g-truc.net/ 
#include <glm/glm.hpp> 

int dstTime = 0; // milliseconds 
glm::vec3 begColor(0.0f, 0.0f, 0.0f); 
glm::vec3 endColor(1.0f, 1.0f, 1.0f); 

void display() 
{ 
    const int duration = 3000; // milliseconds 
    const int curTime = glutGet(GLUT_ELAPSED_TIME); 

    if(curTime > dstTime) 
    { 
     // reset animation parameters 
     dstTime = curTime + duration; 

     // swap colors 
     const glm::vec3 tmpColor = begColor; 
     begColor = endColor; 
     endColor = tmpColor; 
    } 

    // figure out how far along duration we are, between 0.0 and 1.0 
    const float u = (curTime + duration - dstTime)/(float)duration; 

    // interpolate between two colors 
    const glm::vec3 curColor = glm::mix(begColor, endColor, u); 

    glClearColor(curColor.r, curColor.g, curColor.b, 1); 
    glClear(GL_COLOR_BUFFER_BIT); 
    glutSwapBuffers(); 
} 

void timer(int value) 
{ 
    glutPostRedisplay(); 
    glutTimerFunc(16, timer, 0); 
} 

int main(int argc, char** argv) 
{ 
    glutInit(&argc, argv); 
    glutInitDisplayMode(GLUT_RGBA | GLUT_DOUBLE); 
    glutInitWindowSize(400,400); 
    glutCreateWindow("GLUT"); 
    glutDisplayFunc(display); 
    glutTimerFunc(0, timer, 0); 
    glutMainLoop(); 
    return 0; 
} 

编辑：对不起为C++，GLM使颜色插值代码非常简洁。