2022年4月26日 星期二

雪⛄電腦圖學筆記10~

 2022/4/26 第十周 

主題 : 貼圖 ---> 貼在四邊形、圓球、模型

1. 安裝和複製程式碼

(1) 安裝freeglut 和 openCV2.1 (記得第三步要選 Add PATH [ 中間的那個選項 ] )

(2) CodeBlock : File / New / Project / GLUT專案 / week10_texture_background

(3) 把上週(myTexture.exe) 和 上上周(10行GLUT程式碼) 拿來用 --->

    #include <GL/glut.h>
    #include <opencv/highgui.h> 
    #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;
    }
    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("smile.png");    ///這邊要修改!!

        glutMainLoop();
    }

2. OpenCV設定 (跟上周一樣)

(1) 設定: include目錄
        setting/ compiler/ search directories(目錄在哪裡)/ Compiler/ add/ C:\OpenCV2.1\include

(2) 設定: Lib目錄
        setting/ compiler/ search directories/ Linker/ add/ C:\opencv2.1\lib

(3) 設定: 咒語
        setting/ compiler/ Linker settings/ add三個 : cv210、cxcore210、highgui210

(4) 將earth.jpg的檔案放在 桌面 / freeglut / bin的裡面

3. 貼圖貼到四個角落--->長方形
 #include <GL/glut.h>
    #include <opencv/highgui.h> ///使用 opencv的外掛
    #include <opencv/cv.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,1); glVertex2f(-1,-1);   ///因為圖片的左上角是0,0
            glTexCoord2f(1,1); glVertex2f(+1,-1);  
            glTexCoord2f(1,0); glVertex2f(+1,+1);
            glTexCoord2f(0,0); glVertex2f(-1,+1);
        glEnd();
        glutSwapBuffers();
    }

    int main(int argc, char** argv)
    {
        glutInit(&argc, argv);
        glutInitDisplayMode( GLUT_DOUBLE | GLUT_DEPTH);
        glutCreateWindow("week10 texture background");

        glutDisplayFunc(display);
        myTexture("earth.jpg");    ///這邊要修改!!

        glutMainLoop();
    }





4-1. 貼圖貼到sphere(圓形)上---圓形
#include <GL/glut.h>
#include <opencv/highgui.h>
#include <opencv/cv.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;
}
void display()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    gluQuadricTexture(sphere,1); ///設好貼圖
    gluSphere(sphere,1,30,30); ///畫圓球:指標,半徑,slices(切柳丁/經線/縱切),stacks(堆疊/緯線/橫切)
    glutSwapBuffers();
}

int main(int argc, char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode( GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("week10 texture earth");

    glutDisplayFunc(display);
    myTexture("earth.jpg");
    sphere = gluNewQuadric(); ///準備好二次曲線

    glutMainLoop();
}




4-2. 會轉的圓形(逆時針:平面)
#include <GL/glut.h>
#include <opencv/highgui.h>
#include <opencv/cv.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,0,1);
        gluQuadricTexture(sphere,1);///設好貼圖
        gluSphere(sphere,1,30,30); ///畫圓球:指標,半徑,slices(切柳丁/經線/縱切),stacks(堆疊/緯線/橫切)
    glPopMatrix();

    glutSwapBuffers();
    angle+=1; ///每次執行 display() 加1度
}

int main(int argc, char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode( GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("week10 texture earth");

    glutIdleFunc(display);  ///有空Idle就呼叫display
    glutDisplayFunc(display);
    myTexture("earth.jpg");
    sphere = gluNewQuadric(); ///準備好二次曲線
    glutMainLoop();
}


4-3. 會轉的圓形(變成3D旋轉)
#include <GL/glut.h>
#include <opencv/highgui.h>
#include <opencv/cv.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(90,1,0,0); ///把他轉正!!
        glRotatef(angle,0,0,1);
        gluQuadricTexture(sphere,1);///設好貼圖
        gluSphere(sphere,1,30,30); ///畫圓球:指標,半徑,slices(切柳丁/經線/縱切),stacks(堆疊/緯線/橫切)
    glPopMatrix();

    glutSwapBuffers();
    angle+=1; ///每次執行 display() 加1度
}
int main(int argc, char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode( GLUT_DOUBLE | GLUT_DEPTH);
    glutCreateWindow("week10 texture earth");

    glEnable(GL_DEPTH_TEST); ///開2D深度測試(才有3D的效果!)，沒加會破圖!!
    glutIdleFunc(display);///有空Idle就呼叫display
    glutDisplayFunc(display);
    myTexture("earth.jpg");
    sphere = gluNewQuadric(); ///準備好二次曲線
    glutMainLoop();
}



5.  貼圖貼到Gumdan模型上.......下禮拜會再教一次

於
標籤： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)

VERY BEAUTIFUL, VERY POWERFUL

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

  • 諺哥圖學筆記 week01
     第一個OPENGL程式 0.Codeblocks 17.12 mingw裝好 1.File-New-Project ,選OPENGL專案 2.在[...]的目錄中,選[桌面] Projectsje nir 01_OPENGL 3.下一步,完成後Build&Run 4.可...
  • 豪哥的圖學筆記 week1
     第一個OpenGL程式 1.安裝好 CodeBlocks 17.12 2. File-New-Project, 選OpenGL專案 2.在[點點點]的目錄中, 選「桌面」,Projectsje nir 01_OPENGL 3.下一步下一步,完成後,Build&Run 4...
  • END之書 Week01
     First OpenGL 0. "CodeBlocks 17.12 mingw" set up 1. File - New - Project , "OpenGL  Project" 2. [...]目錄，選[桌面]， Week 01_O...