Week07 Zhouuu

 Week07

先到https://jsyeh.org/3dcg10/ 下載 data 與 win32 檔案 解壓縮後 

把data資料夾解壓縮在windows資料夾裡

並開啟今天的程式Texture.exe

試著條裡面的座標數值

接著進入以下網址

https://jsyeh.org/gl/opengl_10_func.html

試著練習OpenGL圖學期中考的程式

glPushMatrix ( );

    glTranslatef (x , y ,z );

    glRotatef (angle ,x ,y, z );

    glScalef (x ,y ,z);

    glBegin (GL_POLYGON);

        glColor3f ( r , g , b );

        glNormal3f ( nx , ny , nz);

        glTexCoord2f ( tx , ty );       

        glVertex3f ( x , y , z );

    glEnd ( );

glPopMatrix ( );

開啟桌面-葉正聖老師資料夾中的老師建議使用的 OpenCV2.1  安裝

並勾選 ADD PATH 不能選第一個 裝在預設的資料夾

接著重開codeblocks 設定 3個語

到 settings - compiler - Search directories

Compiler     C:\OpenCV2.1\include     和   Linker   C:\OpenCV2.1\lib

新增以上路徑

如下圖所示

接著換 Linker settings 

新增 

cv210

excore210

highgui210

如下圖所示

接著新增一個新的檔案

將檔名改為week07-1_opencv_cvLoadImage_cvShowImage.cpp ( 一定要是CPP )

然後打上以下程式碼

並去找一張圖 把名字改為 image.jpg  ( 一定要跟上面CPP存放相同的位置)

#include <opencv/highgui.h>

int main()

{

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

    cvShowImage("week07",img);

    cvWaitKey(0);                  ///畫面不要閃退,等一下按任一鍵繼續

}

執行程式碼後就會出現以下畫面

接著前往老師的GITHUB  https://gist.github.com/jsyeh/ 找my texture 

複製下面的程式碼

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

#include <opencv/cv.h>

#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("week09 texture");

    glutDisplayFunc(display);

    myTexture("earth.jpg");

    glutMainLoop();

}

接著去到 myearth 下載地球的圖片

接著把地球圖片的檔名改為earth.jpg

存在桌面的freeglut - bin

接著回到codeblocks 執行程式碼就會出現以下畫面囉

接著將這部分的程式碼新改為以下程式碼

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

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

    glutSolidTeapot( 0.3 );

    glutSwapBuffers();

}

執行結果如下

綠色框框代表茶壺

接著前往老師的GITHUB  https://gist.github.com/jsyeh/ 找myEarth

接著一樣把地球圖片的檔名改為earth.jpg

存在桌面的freeglut - bin

接著執行程式碼就會出現以下畫面囉

注意 圖片內框起來的地方要稍微修改!