顯示具有 week17 標籤的文章。 顯示所有文章
顯示具有 week17 標籤的文章。 顯示所有文章

2022年6月14日 星期二

電腦圖學筆記week17

 筆記

Step

程式環境 : week01 (freeglut,GLUT專案)

                   week10 (OpenCV的設定)

                   week16 (改CBP的working_dir)

點線面顏色 : 10行程式碼  display()

                        main()前3行設定,最後一行glutMainLoop()

#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();
 }

打光 : 8行 + 10多行

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

讀入3D模型 : 模型在工作目錄,glm.h、glm.cpp加進去 #include "glm.h" 再 GLMmodel * body;     再...

貼圖 : OpenCV 及 myTexture範例,還有圖,而且畫glmDraw(pmodel , GLM_TEXTURE  GLM_SMOOTH);

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

攝影機與運鏡 : 透視投影法 glyPerspective,配上glutReshapeFunc()再上gluLookAt()

void reshape(int w,int h){///不能 整數除
    float ar = (float) w/(float) h;
    glViewport(0,0,w,h);
    glMatrixMode(GL_PROJECTION);///3D變2D
    glLoadIdentity();
    gluPerspective(60,ar,0.1,100);

    glMatrixMode(GL_MODELVIEW);///3D Model+view
    glLoadIdentity();
    gluLookAt(0,0,3, ///eye
              0,0,0, ///center看哪裡
              0,1,0);///up向量
}

兩張貼圖 : Gundam(鋼彈)、木紋、宣告2個整數 GLuint tex1、text2; 在main()裡面
                   text1 = myTexture("data/Diffuse.jpg");
                   text2 = myTexture("data/wood.png");
在 display() 裡
glBindTexture(GL_TEXTUTE_2D, text1) 及 glBindTexture(GL_TEXTURE_2D, text2) 來切換

把全部的模型讀入 : 改寫 myReadGundam() 改寫 myReadOne() 及 myReadAll();

TRT : 必須要有中心點,才能把每個部位放好,才能正確轉,才能掛在對的地方
           可以使用 mouse motion 來知道值在哪裡
           要經常註解程式,才能找到 T-R-T的值

void myWrite()
{
    if(fout == NULL)fout=fopen("file.txt","w+");

    for(int i = 0;i<20;i++)
    {
        printf("%.1f",angle[i]);///小黑印出來
        fprintf(fout,"%.1f",angle[i]);///檔案印出來
    }///這裡老師沒有fclose
}
void keyboard(unsigned char key,int x,int y)
{
    if(key=='0') angleID=0;
    if(key=='1') angleID=1;
    if(key=='2') angleID=2;
    if(key=='3') angleID=3;
}
void mouse(int button,int state,int x,int y)
{
    oldX=x;
}
void motion(int x,int y)
{
    angle[angleID]+=(x-oldX);
    myWrite();
    oldX=x;
    glutPostRedisplay();
}

筆記~圖學 Week17

總複習-設定

資源

1. 下載 codeblocks-17.12mingw-setup.exe

2. 下載 freeglut-MinGW-3.0.0-1.mp.zip

3. 到 jsyeh.org/3dcg10 下載 data.zip、windows.zip、glut32.dll、source.zip

4.下載 OpenCV-2.1.0-win32-vs2008.exe(Add PATH 要選第二個,路徑用預設)

freeglut 設定

1. 將 lib 資料夾裡的 libfreeglut.a 複製一次後,改名為 libglut32.a

2. 將 GLUT 目錄設定為 C:\Users\Desktop\freeglut

CodeBlocks 內設定:Setting-Compiler

1. Search directories,Compiler,Add,C:\opencv2.1\include

2. Search directories,Linker,Add,C:\opencv2.1\lib

3. Linker settings,Add,cv210、cxcore210、highgui210、winmm

載入模型需設定

1. 把 data 資料夾,放到 freeglut/bin 裡

2. 把 source 資料夾裡的 glm.h 和 glm.c,放到要使用到它們的 project 資料夾裡,並把 glm.c 改副檔名為 glm.cpp

3. 在 CodeBlocks 裡專案那邊按右鍵 add files 把 glm.cpp 加進去,並存檔

貼圖注意事項

1. 貼圖的圖片顛倒時,可直接去小畫家將圖片翻轉,即可把圖片正回來

將 .cbp 的檔案存取點從 freeglut/bin 更改至專案資料夾

1. 將 .cbp 檔用 Notepad++ 打開

2. 找到 working_dir="a/b/c/d/e" 改成 working_dir="."

3. 將 freeglut/bin 中的 freeglut.dll 複製到專案資料夾內

TRT 技巧

1. T,改物件位置

2. R,旋轉

3. T,改軸心位置

4. 程式輸寫順序321,先把物件移動改軸心,以軸心旋轉好角度,再把物件放到我們要的位置

更改物件中心點技巧

1. 放個圓球在視窗中間

2. 從上層物件開始調

3. 調下層物件時,隱藏上層物件,留上層位置

alpha 內插公式:angle = alpha*新 + (1-alpha)*舊

1. alpha=0,angle=舊

2. alpha=1,angle=新

3. 可用Excel來套公式自動計算出所需角度值

總複習-程式

畫一個不規則平面

幫茶壺打光

模型

幫茶壺貼圖

幫不同茶壺貼不同圖

鍵盤滑鼠

聲音

寫檔、讀檔

時間

運鏡

TRT

圖學筆記week17

 今天一開始老師講解期末作業要如何繳交及評分

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

每個人都可以給1~5分

期末作業的分數就以此而定


然後老師開始幫我們複習並整合期末作業要怎麼做

week17電腦圖學

 week17

AhFatKr的電腦圖學筆記week17

 #week17 

1.期末作品繳交方式

2.期末作品評分方式

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

##step01-1

##step02-2

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


Ucc的week17上課筆記~

#Week17
## 電腦圖學 Week17 2022-06-14
```
1. 期末作品繳交方式
2. 期末作品評分方式
3. 網友問 push matrix 和 pop matrix 事件
4. 整學期大複習-示範期末作品怎麼做
```
## 怎把期末作業做出來
<<<環境的部分
```
1.開啟codeblocks
2.File->New->project->GLUT專案->打上專案名稱
3.Q:如何改變工作目錄?
   A1:點擊專案的main按右鍵->Notepad++
   A2:找到working_dir將路徑改成小數點
   A3:複製freeglut裡的dll檔案貼上到專案檔案裡
4.opencv的設定()


5.貼上10行程式碼
```
## 程式碼的部分
>>>基本十行
```C
#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();
 }
```
## 打光
<<<函示呼叫
```C
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 };
```
<<<函示宣告
```C
 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);
```
## 貼圖
>>>#include <GL/glut.h>,main裡加上myTexture();
```C
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;
}
```
## 帶入3D模型
>>>#include "glm.h"
```C
GLMmodel *(obj檔案的名稱)=NULL;
```
<<<在void display裡加入(一個關節一段)
## 如果模型太大
```
glmScale(模型名稱,大小.0)
```
```C
     if(關節名稱==NULL)
        {
            pmodel=glmReadOBJ("data/關節名稱.obj");
            glmUnitize(關節名稱);
glmFacetNormals(關節名稱);
glmVertexNormals(關節名稱,90);
} glmDraw(關節名稱,GLM_TEXTURE);///劃出模型
glPopMatrix();
```
<<<main裡加上
```C
    glutDisplayFunc(display);///顯示用的函式
    glutIdleFunc(display);
```
## 怎麼辦怎麼立體感沒出來!!!
<<< 在main裡加上
```
 glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
```

## 攝影機
```C
void reshape(int w,int h){///不能 整數除
    float ar = (float) w/(float) h;
    glViewport(0,0,w,h);
    glMatrixMode(GL_PROJECTION);///3D變2D
    glLoadIdentity();
    gluPerspective(60,ar,0.1,100);

    glMatrixMode(GL_MODELVIEW);///3D Model+view
    glLoadIdentity();
    gluLookAt(0,0,3, ///eye
              0,0,0, ///center看哪裡
              0,1,0);///up向量
}
```
## main裡加上
```C
 glutReshapeFunc(reshape)
```

## TRT 調整步驟(目前結果)
```
1. 先調整最下面的Translate改變中心點
2.改變Rotate數值改變旋轉角度
3.最後調整最上面的Translate將手臂位置移回原處
```

## 想要移動各個關節(Mouse keyboard)
```C
void myWrite()
{
    if(fout == NULL)fout=fopen("file.txt","w+");

    for(int i = 0;i<20;i++)
    {
        printf("%.1f",angle[i]);///小黑印出來
        fprintf(fout,"%.1f",angle[i]);///檔案印出來
    }///這裡老師沒有fclose
}
void keyboard(unsigned char key,int x,int y)
{
    if(key=='0') angleID=0;
    if(key=='1') angleID=1;
    if(key=='2') angleID=2;
    if(key=='3') angleID=3;
}
void mouse(int button,int state,int x,int y)
{
    oldX=x;
}
void motion(int x,int y)
{
    angle[angleID]+=(x-oldX);
    myWrite();
    oldX=x;
    glutPostRedisplay();
}
```
## main裡要記得宣告!!!
```C

glutMouseFunc(mouse);
glutMotionFunc(motion);
glutKeyboardFunc(keyboard);

```

(OwO)電腦圖學week17_6/14

如果想貼一張以上貼圖

貼圖盡量2n*2n會比較好  (EX:256*256)

1.先宣告兩個變數 GLuint tex1,tex2;

在main()裡

tex1=myTexture("data/Diffuse.jpg");
tex2=myTexture("data/Wood.png");

2.在void display()裡

     glBindTexture(GL_TEXTURE_2D,tex1);
    glBindTexture(GL_TEXTURE_2D,tex2);



模型被壓扁要開3D前後深度測試

攝影機與運鏡 : 透視投影法 glyPerspective,配上glutReshapeFunc()再上gluLookAt()
void reshape(int w,int h){///不能 整數除
    float ar = (float) w/(float) h;
    glViewport(0,0,w,h);
    glMatrixMode(GL_PROJECTION);///3D變2D
    glLoadIdentity();
    gluPerspective(60,ar,0.1,100);
    glMatrixMode(GL_MODELVIEW);///3D Model+view
    glLoadIdentity();
    gluLookAt(0,0,3, 
              0,0,0, ///center看哪裡
              0,1,0);///up向量
}
兩張貼圖 : Gundam(鋼彈)、木紋、宣告2個整數 GLuint tex1、text2; 在main()裡面
                   text1 = myTexture("data/Diffuse.jpg");
                   text2 = myTexture("data/wood.png");
在 display() 裡
glBindTexture(GL_TEXTUTE_2D, text1) 及 glBindTexture(GL_TEXTURE_2D, text2) 來切換
把全部的模型讀入 : 改寫 myReadGundam() 改寫 myReadOne() 及 myReadAll();


TRT : 

必須有中心點
可以使用 mouse motion 來知道值在哪裡
        
void myWrite()
{
    if(fout == NULL)fout=fopen("file.txt","w+");
    for(int i = 0;i<20;i++)
    {
        printf("%.1f",angle[i]);///小黑印出來
        fprintf(fout,"%.1f",angle[i]);///檔案印出來
    }///這裡老師沒有fclose
}
void keyboard(unsigned char key,int x,int y)
{
    if(key=='0') angleID=0;
    if(key=='1') angleID=1;
    if(key=='2') angleID=2;
    if(key=='3') angleID=3;
}
void mouse(int button,int state,int x,int y)
{
    oldX=x;
}
void motion(int x,int y)
{
    angle[angleID]+=(x-oldX);
    myWrite();
    oldX=x;
    glutPostRedisplay();
} 


A

 WEEK17

1.講解期末報告評分、該如何製作
2.程式碼:
#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 };
函示宣告
 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);

電腦圖學筆記

 總複習

最後一堂課了 !

1. 期末作品繳交方式

2. 期末作品評分方式

3. 網友問 push matrix 和 pop matrix 事件

4. 整學期總複習 & 示範期末作品怎麼做


## 怎把期末作業做出來

運鏡

#include <GL/glut.h>
void reshape(int w,int h)
{///不能用整數除,長寬比(寬/長)
    float ar = (float)w / (float)h;
    glViewport(0,0,w,h);
    glMatrixMode(GL_PROJECTION);///3D變2D
    glLoadIdentity();
    gluPerspective(60,ar,0.1,100);

    glMatrixMode(GL_MODELVIEW);///3D Model+View
    glLoadIdentity();
    gluLookAt(0,0,3, ///eye位置
              0,0,0, ///center看哪裡
              0,1,0);///up向量
}
void motion(int x,int y)
{
    glMatrixMode(GL_MODELVIEW);///3D Model+View
    glLoadIdentity();
    gluLookAt((x-150)/150.0,(y-150)/150.0,3, ///eye位置
              0,0,0, ///center看哪裡
              0,1,0);///up向量
    glutPostRedisplay();
}///根據滑鼠移動轉換視角
void display()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    glutSolidTeapot(1);
    glutSwapBuffers();
}
int main(int argc,char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("運鏡");
    glutDisplayFunc(display);
    glutMotionFunc(motion);
    glutReshapeFunc(reshape);///初始視角
    glutMainLoop();
}

VERY BEAUTIFUL, VERY POWERFUL

一.     一樣先安裝且設定好freeglut,OpecCV, 開啟CodeBlocks建立新專案 week11_gundam,                 把 MyGundam.zip下載解壓縮後的data資料夾放到freeglut/bin裡面 把week09_openc...