AAA的圖學筆記

 

---

• 電腦圖學 Week17 2022-06-14
  1. 期末作品繳交方式
  2. 期末作品評分方式
  3. 網友問 push matrix 和 pop matrix 事件
  4. 整學期大複習-示範期末作品怎麼做

• ------------------------------------------------------------

• 重點整理，及老師示範如何完成期末作業。

電腦圖學筆記week17

總複習

 Step01

• 開啟CodeBlocks
  
• 建立新GLUT專案  week17_demo
• 將week17_demo.cbp檔打開然後將workingdir " "內改成"."

• 回去執行程式後發現城市跑不動

         

• 所以要去freeglut資料夾->bin->freeglut.dll將他複製到week17_demo的資料夾裡面
  
  
• 可以執行了
• 將10行程式碼導入

• 加入打光函式，打完再將mylight()導入main函式

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 };

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 };

void mylight(){

    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);

}

• 把glm.h、glm.c加入week17_demo，把glm.c改成glm.cpp
• add files將glm.cpp導入CodeBlocks中

• 加入攝影機，並在main函式加入glutReshapeFunc(reshape);

void reshape(int w,int h){

    float ar = (float)w/(float)h;

    glViewport(0,0,w,h);

    glMatrixMode(GL_PROJECTION);

    glLoadIdentity();

    gluPerspective(60,ar,0.1,100.0);

    glMatrixMode(GL_MODELVIEW);

    glLoadIdentity();

    gluLookAt(0,0,-5, 0,0,0, 0,1,0);

}

• 加入複數貼圖，先宣告兩個整數 GLuinit tex1,tex2;
• 在main函式中 加入 tex1= myTexture("data/.......");
• tex2 = myTexture("data/......");
• 在 display()內加入 glBindTexture(GL_TEXTURE_2D, tex1);
• glBindTexture(GL_TEXTURE_2D , tex2);

瘋狂無敵圖學死亡筆記 Week17

 0.複習

1.貼圖

#include <opencv/highgui.h>

#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可

#include <opencv/cv.h>

int myTexture(char * filename)

{

    IplImage * img = cvLoadImage(filename);

    cvCvtColor(img,img, CV_BGR2RGB);

    glEnable(GL_TEXTURE_2D);

    GLuint id;

    glGenTextures(1, &id);

    glBindTexture(GL_TEXTURE_2D, id);

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);

    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);

    glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData);

    return id;

}

2.讀模型

void myread(){

    if(pmodel == NULL){

        pmodel = glmReadOBJ("data/Gundam.obj");

        glmUnitize(pmodel);

        //glmScale(pmodel,1/26.0);

        glmFacetNormals(pmodel);

        glmVertexNormals(pmodel,90);

    }

}

3.打光8

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 };

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 };

/* Program entry point */

void myLight(){ ///打光函式配合上面打光

    glEnable(GL_DEPTH_TEST); ///3D測試功能

    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);

}

4.運鏡

void reshape(int v, int h){

    float ar = (float)v/(float)h;

    glViewport(0,0,v,h);

    glMatrixMode(GL_PROJECTION);

    glLoadIdentity();

    gluPerspective(60,ar,0.1,100.0);

    glMatrixMode(GL_MODELVIEW);

    glLoadIdentity();

    gluLookAt(0,0,2, 0,0,0, 0,1,0);

}

新手上碌_week17

 老師實作一次期末作業給大家看:

#電腦圖學_期末作品_步驟

1.環境:

開GLUT專案>>freeglut>>linker、compile路徑>>檔案在bin裡>>>.cbp用notepad++開啟>>>working_dir=".">>>Yes

找不到freeglut.dll檔案(freeglut/bin)>>>複製放在同目錄下

2.點線面色彩:

3.打光:8行+10行

const GLfloat...*8行

void mylight(){

 放一堆東西

};

void display(){

  mylight();

}

4.模型:glm.h、glm.cpp加進來 模型在工作目錄

.obj檔(用maya做完它)

.mtl檔 材質

複製到同目錄下(bin旁)

#include "glm.h"

GLMmodel * body=NULL;

GLMmodel * head=NULL;

...

5.貼圖:OpenCV和myTexture

6.攝影機 運鏡:透視投影法

7.TRT:中心點

shhhhhi : )

 week17&補充

課堂:老師做示範

補充:

week17

 1.期末作品繳交方式

2.期末作品評分方式

3.網友問pop matrix(),push matrix()問題

##step01-1

##step02-2

---老師示範如何完成期末作品---

古利夏醫生的艾爾迪亞日記week17

早上好現在我想吃水煎包~~~!!

今天講解期末作業要怎麼繳交跟評分

用sli.do這個投票網站進行投票

最低1分最高5分

基本的十行程式

#include <GL/glut.h>
 void display()
 {
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    glColor3f(1,1,0);
    glutSolidTeapot(0.3);

    glutSwapBuffers();
 }
 int main(int argc, char *argv[])//main()主函式 進階版
 {
    glutInit(&argc,argv);//把參數送給glutInit初始化
    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);//雙緩衝區+3D深度功能
    glutCreateWindow("第02週的程式喔!!");//開GLUT視窗

    glutDisplayFunc(display);//顯示用的函式

    glutMainLoop();
 }

打光

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 };

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 myTexture(char * filename)
{
    IplImage * img = cvLoadImage(filename); ///OpenCV讀圖
    cvCvtColor(img,img, CV_BGR2RGB); ///OpenCV轉色彩 (需要cv.h)
    glEnable(GL_TEXTURE_2D); ///1. 開啟貼圖功能
    GLuint id; ///準備一個 unsigned int 整數, 叫 貼圖ID
    glGenTextures(1, &id); /// 產生Generate 貼圖ID
    glBindTexture(GL_TEXTURE_2D, id); ///綁定bind 貼圖ID
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); /// 貼圖參數, 超過包裝的範圖T, 就重覆貼圖
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); /// 貼圖參數, 超過包裝的範圖S, 就重覆貼圖
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); /// 貼圖參數, 放大時的內插, 用最近點
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST); /// 貼圖參數, 縮小時的內插, 用最近點
    glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, img->width, img->height, 0, GL_RGB, GL_UNSIGNED_BYTE, img->imageData);
    return id;
}