ww-week07-貼圖 Texture

1.頂點和貼圖頂點

在https://jsyeh.org/3dcg10/中下載[data][win32] glut32.dll三個檔案 / 在資料夾中開啟後分別   解壓縮 / 將data資料夾放到window裡 / 開啟Texture.exe

glColor4f( 1.0, 1.0, 1.0, 1.0);//最後一個調整透明度

glTexCoord2f( 0.0, 0.0);//貼圖座標初始圖片左下角位置glVertex3f( -1.0, -1.0, 0.0)//頂點

glTexCoord2f( 1.0, 0.0);//右下角glVertex3f(  1.0, -1.0, 0.0)

glTexCoord2f( 1.0, 1.0);//右上角glVertex3f( 1.0, 1.0,0.0)

glTexCoord2f( 0.0, 1.0);//左上角glVertex3f(-1.0, 1.0, 0.0)

※在3D的世界圖學都用三角形(Unity,3DsMax,OpenGL)

2.複習期中考題

利用https://jsyeh.org/gl/模擬練習

1.glPushMatrix();//備份矩陣 

2.  glTranslatef(x,y,z);//移動

3.  glRotatef(angle,x,y,z);//轉動

4.  glScalef(x,y,z);//縮放

5.  glBegin(GL_POLYGON);//開始畫

6.    glColor3f(r,g,b);//色彩

7.    glNormal3f(nx,ny,nz);//打光的法向量

8.    glTexCoord2f(tx,ty);//貼圖座標

9.    glVertex3f(x,y,z);//頂點

10. glEnd();//結束畫

11.glPopMatrix();//還原矩陣

3.OpenCV設定和貼圖

小葉老師上課軟體 / 安裝OpenCV-2.1.0-win32-vs2008.exe / 第三步選擇Add OpenCV其中一個 / 目錄不變 / 重新開啟CodeBlocks

 開啟codeBlocks後/Setting/Compiler/Search directory內 : 

1.Compiler:C:\OpenCV2.1\include 

2.Linker:C:\OpenCV2.1\lib

3.在Linker setting 裡,add三個:cv210,cxcore210,highgui210

開空file / 命名week07_opencv_cvLoadImage_cvShowImage.cpp / 在網路上找一張照片image.jpg並放在桌面week07資料夾 / 寫程式 / show

#include <opencv/highgui.h>

int main()

{

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

    cvShowImage("week07",img);

    cvWaitKey(0);

}

4.世界地圖貼圖

新增Project ：選擇GLUT project

Go/Next/先設定存放位置/再更改檔案名稱week07-2_myTexture

小葉老師上課軟體/freeglut檔案複製到桌面/將libfreeglut.a複製貼上後改成libglut32.a

開啟https://gist.github.com/jsyeh/5ed01210559721ec71b659b3ffed2dd7老師的範例程式/mytexture_sample.cpp複製貼到main.cpp/下載一張earth.jpg存在桌面freeglut內的bin目錄/更改程式碼

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

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

}

5.旋轉的世界地圖

開新專week07-3_myEarth/複製myEarth.cpp/改圖檔earth.jpg

#include <opencv/highgui.h>

#include <opencv/cv.h>

#include <GL/glut.h>

GLUquadric * sphere = NULL;

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;

}

float angle=0;

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glPushMatrix();

        glRotatef(angle, 0,-1,0);

        glRotatef(90, 1,0,0);

        gluQuadricTexture(sphere, 1);

        gluSphere(sphere, 1, 30, 30);///glutSolidTeapot(0.3);

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

int main(int argc,char**argv)

{

    glutInit(&argc,argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week7 texture background");

    glutIdleFunc(display);

    glutDisplayFunc(display);

    myTexture("earth.jpg");///更改圖檔

    sphere = gluNewQuadric();

    glEnable(GL_DEPTH_TEST);

    glutMainLoop();

}

git指令

cd desktop

git clone https://github.com/你的帳號/2023graphicsa

cd 2023graphicsa

加入檔案

git add . 

git status

git config --global user.email "jsyeh@mail.mcu.edu.tw"

git config --global user.name "jsyeh"

git commit -m "week10"

git push