2023電腦圖學二甲: rita - week07

第十週期中考！！！

練習網址https://jsyeh.org/gl/opengl_10_func.html

去到https://jsyeh.org/3dcg10/

下載 1.[data] 2.[win32] 兩個檔案並且解壓縮win32

將data丟進解壓縮後的windows 開啟Texture.exe

glColor4f( r, g, b, 透明度);

右手座標系統

在3D的世界,圖學都用三角形 EX:Unity,3dsMax,OpenGL...

在人類理解的世界,四邊形必較好用 EX:Maya(人類好理解)

1.貼圖座標

2.頂點座標

可以repeat

就像進入貼圖的世界裡

可更改移動位置,旋轉角度,縮放大小

去到桌面葉老師上課用軟體下載OpenCV

到第二步的時候要停下選擇第二個或是第三個

完成後codeblock一定要重開！！！

點選setting

OpenCV設定！！！

設定compier

設定Linker

cv210,cxcore210,highgui210

絕對不可以設錯不然就會壞掉！！！

設定完後要再重開！！！！

第一個程式

1.開啟codeblocks 17.12

2.file => new => empty file

3.桌面新增資料夾將檔名改成week07,放入找的照片改名為image.jpg

#include <opencv/highgui.h>

int main()

{

IplImage * img = cvLoadImage("image.jpg");

cvShowImage("week07",img);

cvWaitKey(0);

}

第二個程式

1.file => new => project 開啟GLUT project

2.點選點點點選擇桌面將檔名改成week07-2_myTexture

3.下載葉老師上課用軟體freeglut壓縮檔

將裡面的freeglut檔案複製到桌面

再將裡頭lib的libfreeglut.a複製並貼上

將複製的改檔名為libglut32.a

4.再回到上一步選擇位置選擇桌面/freeglut資料夾

去到gist.github.com/jsyeh 點選進去！

下載以下程式碼↓

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

#include <opencv/cv.h>///earth.jpg要去google自己下載將圖片放置freeglut/bin資料夾內

#include <GL/glut.h>

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;

}

void display()

{

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

glutSolidTeapot( 0.3 );

glutSwapBuffers();

}

int main(int argc, char**argv)

{

glutInit( &argc, argv );

glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

glutCreateWindow("week07 texture");

glutDisplayFunc(display);

myTexture("earth.jpg");

glutMainLoop();

}

第二個程式-2

更改上個程式綠色的部分

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

#include <opencv/cv.h>///earth.jpg要去google自己下載將圖片放置freeglut/bin資料夾內

#include <GL/glut.h>

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;

}

void display()

{

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

///glutSolidTeapot( 0.3 );

glBegin(GL_POLYGON);

glTexCoord2f(0,0); glVertex2f(-1,+1);

glTexCoord2f(1,0); glVertex2f(+1,+1);

glTexCoord2f(1,1); glVertex2f(+1,-1);

glTexCoord2f(0,1); glVertex2f(-1,-1);

glEnd();

glutSwapBuffers();

}

int main(int argc, char**argv)

{

glutInit( &argc, argv );

glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

glutCreateWindow("week07 texture");

glutDisplayFunc(display);

myTexture("earth.jpg");

glutMainLoop();

}

第二個程式-3(可以旋轉的地球)

去到gist.github.com/jsyeh 點選myEarth.cpp進去複製程式碼

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

#include <opencv/cv.h>///earth.jpg要去google自己下載將圖片放置freeglut/bin資料夾內

#include <GL/glut.h>

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;

}

void display()

{

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

///glutSolidTeapot( 0.3 );

glBegin(GL_POLYGON);

glTexCoord2f(0,0); glVertex2f(-1,+1);

glTexCoord2f(1,0); glVertex2f(+1,+1);

glTexCoord2f(1,1); glVertex2f(+1,-1);

glTexCoord2f(0,1); glVertex2f(-1,-1);

glEnd();

glutSwapBuffers();

}

int main(int argc, char**argv)

{

glutInit( &argc, argv );

glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

glutCreateWindow("week07 texture");

glutDisplayFunc(display);

myTexture("earth.jpg");

glutMainLoop();

}

2023電腦圖學二甲

2023年3月29日星期三