2022年4月19日 星期二

雪⛄電腦圖學筆記09~

2022/4/19 第九周 

主題 : 貼圖

1. (1) https://jsyeh.org/3dcg10/ ,下載win32、data、source 並且解壓縮

    (2) 執行Texture.exe :

          貼圖座標                           頂點

          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 ); ///左上

(逆時針) 

2. 去moodle下載opencv 2.1.0
    (1)下一步*2
    (2)選add open...(第二個)
    (3)下一步(不要改目錄)到最後

3. 用openCV 寫兩行、讀圖, 秀圖
    (1) CodeBlocks 要重開才行!!!!!!
    (2) File/New/Empty file/save as/week09_opencv.cpp
    (3) 寫程式 (View/ Log 跟 Manager打開 : 左 跟 下)
         ```c++
             #include <opencv/highgui.h> ///使用 opencv的外掛
            int main()
            {
                    IplImage * img = cvLoadImage("檔名.png"); //讀圖
                    cvShowImage("week09", img); ///秀圖
                    cvWaitKey(0);///等待任意鍵繼續
            } 
         ```
    (4)設定: include目錄
        setting/ compiler/ search directories(目錄在哪裡)/ Compiler/ addC:\OpenCV2.1\include

    (5)設定: Lib目錄
        setting/ compiler/ search directories/ Linker/ addC:\opencv2.1\lib

    (6)設定: 咒語
        setting/ compiler/ Linker settings/ add三個 : cv210cxcore210highgui210

    (7) 找一張圖片,取smile.png且放在桌面(跟week09_opencv.cpp同目錄-->桌面),並把第3步的程式碼的檔名改成smile



4. 結合 Opencv 和 OpenGL (剪貼程式碼)
    (1) 偷上週茶壺程式
    #include <GL/glut.h>
    #include <opencv/highgui.h> ///使用 opencv的外掛
    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);

        glutMainLoop();
    }

    (2) 呼叫跑出smile.png的函式 : myTexture
    #include <GL/glut.h>
    #include <opencv/highgui.h> ///使用 opencv的外掛
    void myTexture()
    {
            IplImage * img = cvLoadImage("smile.png"); ///讀圖
            cvShowImage("opencv", img); ///秀圖
            ///cvWaitKey(0); ///不用寫,因為有glutMainLoop();卡住
    }
    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();

        glutMainLoop();
    }

    (3)將smile.png圖片放到---> 桌面/ freeglut/ bin裡面
         在build 就會跑出兩個視窗(茶壺 跟 圖片) : 
            因為在main函式跑了glutCreateWindow("week09 texture");(茶壺),
            然後又跑myTexture();函式(圖片),所以有兩個視窗!!


5. 兩個圖片融合: 讓茶壺裡面顯示smile.png的圖片
    (1) 複製程式碼+修改 -> https://gist.github.com/jsyeh/5ed01210559721ec71b659b3ffed2dd7
    #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);
        glutSwapBuffers();
    }

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

        glutDisplayFunc(display);
        myTexture("smile.png");    ///這邊要修改!!

        glutMainLoop();
    }







沒有留言:

張貼留言

VERY BEAUTIFUL, VERY POWERFUL

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