Как создать «иллюзию вогнутой / выпуклой окружности» в OpenGL - PullRequest
Новая
       12

Как создать «иллюзию вогнутой / выпуклой окружности» в OpenGL

0 голосов
/ 25 сентября 2018

В этом семестре я прохожу курс компьютерной графики в школе, и наша первая задача - создать вогнутую / выпуклую иллюзию.

Это пример того, что я должен создать:

Иллюзия вогнутого / выпуклого круга

Я пытался решить эту проблему сам, однако продолжаю получатьзастрял.Я знаю, как создать серый фон, и я знаю, как создать круг.То, что я не знаю, как сделать, это сделать круг похожим на картинку.Я знаю, как залить его сплошным цветом, я просто не знаю, как залить его несколькими цветами и затемнить, как на картинке.

Итак, вот мой код C ++, который мы запускаем в Visual Studio 15.

#include <cstdlib>
#include <glut.h>
#include <math.h>

const double p = 3.14159/180;

void circle(float r){
     glColor3f(1.0,0.0,0.0);
     glBegin(GL_LINE_LOOP);
     for (int i=100; i <= 460; i++){
         double degree = p*i;
         double x = cos(degree) * r;
         double y = sin(degree) * r;
         glVertex2d(x,y);
     }
     glEnd();
}

/*

//This circle function was my attempt at creating the illusion shown in the picture above.
//I tried to break up the circle into separate pieces and make them each a different color,
//but unfortunately it didnt come out like the picture above.

void circle (float radius){
     glColor3f(0.0,0.0,0.0); // black
     glBegin(GL_POLYGON);
        glVertex2i(21,21);
        glVertex2i(25,19);
        glVertex2i(28,17);
        glVertex2i(32,16);
        glVertex2i(36,17);
        glVertex2i(40,19);
        glVertex2i(43,21);
     glEnd();
     glColor3f(0.329412,0.329412,0.329412);  // dim grey
     glBegin(GL_POLYGON);
        glVertex2i(21,21);
        glVertex2i(19,25);
        glVertex2i(17,30);
        glVertex2i(48,30);
        glVertex2i(46,25);
        glVertex2i(43,21);
     glEnd();
     glColor3f(0.752941,0.752941,0.752941);  // grey
     glBegin(GL_POLYGON);
        glVertex2i(17,30);
        glVertex2i(16,35);
        glVertex2i(15,40);
        glVertex2i(50,40);
        glVertex2i(49,35);
        glVertex2i(48,30);
     glEnd();
     glColor3f(0.650024,0.650024,0.650024);  // light grey
     glBegin(GL_POLYGON);
        glVertex2i(15,40);
        glVertex2i(16,45);
        glVertex2i(17,50);
        glVertex2i(48,50);
        glVertex2i(49,45);
        glVertex2i(50,40);
     glEnd();
     glColor3f(0.8,0.8,0.8);  //  very light grey
     glBegin(GL_POLYGON);
        glVertex2i(17,50);
        glVertex2i(20,55);
        glVertex2i(45,55);
        glVertex2i(48,50);
     glEnd();
     glColor3f(1.0,1.0,1.0);  // white
     glBegin(GL_POLYGON);
        glVertex2i(20,55);
        glVertex2i(23,58);
        glVertex2i(25,60);
        glVertex2i(28,62);
        glVertex2i(32,63);
        glVertex2i(36,62);
        glVertex2i(40,60);
        glVertex2i(43,58);
        glVertex2i(45,55);
     glEnd();
}

*/


void display(void){
     glClear(GL_COLOR_BUFFER_BIT);
     glColor3f(0.658824,0.658824,0.658824);
     glBegin(GL_POLYGON); //Creates the gray background
        glVertex2i(10,10);
        glVertex2i(390, 10);
        glVertex2i(390,290);
        glVertex2i(10,290);
     glEnd();
     circle(30);
     glFlush();
}



void main(int argc, char** argv){
     glutInit(&argc, argv);
     glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
     glutInitWindowSize(400, 300);
     glutInitWindowPosition(200,100);
     glutCreateWindow("Project 1");
     glClearColor(0.0,0.0,0.0,0.0);
     glMatrixMode(GL_PROJECTION);
     glLoadIdentity();
     gluOrtho2D(0.0,400.0,0.0,300.0);
     glutDisplayFunc(display);
     glutMainLoop();
}

Итак, у меня есть большая часть кода, я просто не могу понять, как раскрасить круг.

Любой совет / помощь, которая может сделать результат моего кода похожимпример изображения выше будет принята с благодарностью.

Спасибо!

1 Ответ

0 голосов
/ 25 сентября 2018

Рисование последовательностями glBegin / glEnd считается устаревшим в течение нескольких лет.Прочитайте о конвейере с фиксированными функциями и посмотрите Спецификация вершин и Шейдер для современного способа рендеринга.

Но,Эффект изображения достигается простым градиентом серого цвета.Фон серый, а внутри круга - линейный градиент цвета от белого к черному.

glClear, очистите буфер кадров с помощью цвета, установленного glClearColor.
Установите серый прозрачный цвет для создания серого фона: 

glClearColor( 0.5f, 0.5f, 0.5f, 1.0f );
glClear(GL_COLOR_BUFFER_BIT);

Чтобы создать градиент цвета, необходимо установить атрибут цвета с помощью glColor3dперед тем, как установить координату вершины с помощью glVertex2d.Цвет интерполируется между вершинами.Используйте примитивный тип GL_TRIANGLE_FAN для создания заполненного многоугольника: 

const double p = 3.14159/180;

void circle(float r, bool flip ){

     glBegin(GL_TRIANGLE_FAN);
     glColor3d( 0.5, 0.5, 0.5 );
     glVertex2d( 0.0, 0.0 );
     for (int i=0; i <= 360; i++)
     {
         double degree = p*i;
         double c = cos( degree );
         double s = sin( degree );

         double col = s * 0.5 + 0.5;
         if ( flip )
           col = 1.0 - col;
         glColor3d( col, col, col );
         glVertex2d( c*r, s*r );
     }
     glEnd();
}

Функция draw может выглядеть следующим образом: 

void display(void){
     glClearColor( 0.5f, 0.5f, 0.5f, 1.0f );
     glClear(GL_COLOR_BUFFER_BIT);

     glMatrixMode( GL_MODELVIEW );
     glLoadIdentity();

     for ( int x = 0; x < 2; ++ x )
     {
       for ( int y = 0; y < 2; ++ y)
       {
           glPushMatrix();
           glTranslated( 120.0 + 160.0*x, 100.0+100*y, 0.0f );
           circle(30, x > 0);
           glPopMatrix();
       }
     }

     glFlush();
}

Preview:

...