2024年3月28日 星期四

C~電腦圖學日誌 Week06

主題: 打光 Lighting

期中考題目 

前往老師的模擬期中考網站練習https://jsyeh.org/gl/opengl_10_func.html

week06-0_sample

1.安裝freeglut,開GLUT專案並取成week06-0_sample

2.ctrl+F找程式碼light



/*cpp

///光1~3跟光的位置

const GLfloat light_ambient[]  = { 0.0f, 0.0f, 0.0f, 1.0f };

const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat light_position[] = { 2.0f, 5.0f, 5.0f, 0.0f };

///光1~3跟光的材質

const GLfloat mat_ambient[]    = { 0.7f, 0.7f, 0.7f, 1.0f };

const GLfloat mat_diffuse[]    = { 0.8f, 0.8f, 0.8f, 1.0f };

const GLfloat mat_specular[]   = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat high_shininess[] = { 100.0f };

*/

/*cpp
    glEnable(GL_DEPTH_TEST);
    glDepthFunc(GL_LESS);

    glEnable(GL_LIGHT0);
    glEnable(GL_NORMALIZE);
    glEnable(GL_COLOR_MATERIAL);
    glEnable(GL_LIGHTING);

    glLightfv(GL_LIGHT0, GL_AMBIENT,  light_ambient);
    glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);
    glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);
    glLightfv(GL_LIGHT0, GL_POSITION, light_position);

    glMaterialfv(GL_FRONT, GL_AMBIENT,   mat_ambient);
    glMaterialfv(GL_FRONT, GL_DIFFUSE,   mat_diffuse);
    glMaterialfv(GL_FRONT, GL_SPECULAR,  mat_specular);
    glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);
*/

week06-1_lighting

功能是打光在茶壺上

1.開GLUT專案並取成week06-1_lighting

2.貼上GLUT 11行程式並貼上week06-0_sample找的程式碼

3.執行後茶壺暗暗的,因為背光,所以需要更改光線的位置

const GLfloat light_position[] = { 2.0f, 5.0f, -5.0f, 0.0f };//改成-5


///也能改變燈光的顏色

const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 0.0f, 1.0f };//改成0.0


課本教材


week06-2_lighting_glNormal3f

功能是打光在茶壺跟平面上並旋轉

1.開GLUT專案並取成week06-2_lighting_glNormal3f

2.修改week06-1_lighting,加上四邊形,設定法向量
#include <GL/glut.h>
float angle = 0;///角度變數

void display(){
    glClear(GL_COLOR_BUFFER_BIT |GL_DEPTH_BUFFER_BIT);
    glPushMatrix();
        glRotatef(angle++, 0, 1, 0);///對Y軸轉
        glBegin(GL_POLYGON);
            glNormal3f(0, 0, 1);///打光的法向量
            glVertex2f(-1, -1);
            glVertex2f(+1, -1);
            glVertex2f(+1, +1);
            glVertex2f(-1, +1);
        glEnd();
        glutSolidTeapot( 0.3 );
    glPopMatrix();
    glutSwapBuffers();
}
///這裡放8行打光的陣列宣告
const GLfloat light_ambient[]  = { 0.0f, 0.0f, 0.0f, 1.0f };
const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 0.0f, 1.0f };
const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };
const GLfloat light_position[] = { 2.0f, 5.0f, -5.0f, 0.0f };

const GLfloat mat_ambient[]    = { 0.7f, 0.7f, 0.7f, 1.0f };
const GLfloat mat_diffuse[]    = { 0.8f, 0.8f, 0.8f, 1.0f };
const GLfloat mat_specular[]   = { 1.0f, 1.0f, 1.0f, 1.0f };
const GLfloat high_shininess[] = { 100.0f };

int main(int argc, char*argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
    glutCreateWindow("week06 lighting");
    glutDisplayFunc(display);
    glutIdleFunc(display);///記得加了才會轉
    ///這裡放12+2行打光的程式碼
    glEnable(GL_DEPTH_TEST);
    glDepthFunc(GL_LESS);

    glEnable(GL_LIGHT0);
    glEnable(GL_NORMALIZE);
    glEnable(GL_COLOR_MATERIAL);
    glEnable(GL_LIGHTING);

    glLightfv(GL_LIGHT0, GL_AMBIENT,  light_ambient);
    glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);
    glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);
    glLightfv(GL_LIGHT0, GL_POSITION, light_position);

    glMaterialfv(GL_FRONT, GL_AMBIENT,   mat_ambient);
    glMaterialfv(GL_FRONT, GL_DIFFUSE,   mat_diffuse);
    glMaterialfv(GL_FRONT, GL_SPECULAR,  mat_specular);
    glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);

    glutMainLoop();
}




week06-3_glm_obj_model

功能是出現車子模型

1.開GLUT專案並取成week06-3_glm_obj_model
2.貼上GLUT 11行程式碼
3.從課本範例source資料夾有3個檔案transformation.c glm.c  glm.h

4.專案要做設定
將glm.h跟glm.c(改成cpp)放入桌面week06-3_glm_obj_model資料夾中
於GLUT專案中右鍵新增這兩個檔案





把data資料夾,放到桌面\freeglut\bin目錄裡
///data裡有許多obj(3D圖檔)




5.用Notepad++開啟transformation.c來研究他的程式碼,用關鍵字glm找3段程式碼
#include "glm.h"

GLMmodel* pmodel = NULL;

void drawmodel(void)
{
    if (!pmodel) {
pmodel = glmReadOBJ("data/porsche.obj");
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
    }

    glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}

6.把找到的程式碼貼上
#include <GL/glut.h>
#include "glm.h"///新增1

GLMmodel* pmodel = NULL;///新增2

void drawmodel(void)///新增3
{
    if (!pmodel) {
pmodel = glmReadOBJ("data/porsche.obj");///這裡改想要呈現圖片的檔名
if (!pmodel) exit(0);
glmUnitize(pmodel);
glmFacetNormals(pmodel);
glmVertexNormals(pmodel, 90.0);
    }

    glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);
}

void display()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    drawmodel();///新增4取代glutSolidTeapot( 0.3 )
    glutSwapBuffers();
}
int main(int argc, char *argv[])
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("week06_glm_obj_model");
    glutDisplayFunc(display);
    glutMainLoop();
}

week06-3_glm_obj_model_light_again

小葉老師示範把它們整合起來>回家在試,因為會卡住的樣子~

Github




沒有留言:

張貼留言