2023年4月17日 星期一

辰 電腦圖學 week07

急性腸胃炎好要命!! 祝大家身體健康快樂學習收穫滿滿 
以下是下載上課用檔案的步驟:

  1. 前往網址https://jsyeh.org/3dcg10/,下載三個檔案:data.zip、win32.zip和glut32.dll。

  2. 將這三個檔案下載到電腦中。

  3. 解壓縮win32.zip檔案,並將其獨立解出一個資料夾。

  4. 解壓縮data.zip檔案,並將其內容解壓縮到剛剛獨立解出的資料夾內。


  5. 下載完成後,打開Texture.exe檔案,即可開始使用。展示如下:

    3D的世界都用3角形,但人類比較好理解4邊形

    glColor4f  調整顏色
    glTexCoord2f  下面四邊形的點的上下
    glVertex3f  上面四邊形的點的xyz


    glColor4(R,G,B,透明度)也可以做調整



     GLUT專案

    week07-2_myTexture

    https://gist.github.com/jsyeh
    複製myEarth.cpp
    另存myEarth.jpg到freeglut-bin資料夾


    #include <opencv/highgui.h>
    #include <opencv/cv.h>
    #include <GL/glut.h>
    GLUquadric * sphere = NULL;///一個指到二次曲面的指標
    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;
    }
    float angle=0;
    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("week7 texture background");

        glutIdleFunc(display);
        glutDisplayFunc(display);
        myTexture("myEarth.jpg");
        sphere = gluNewQuadric();
        glEnable(GL_DEPTH_TEST);

        glutMainLoop();
    }




    調整前 平平的世界地圖

    https://gist.github.com/jsyeh/7405ec46dbd99cc4db1e8f242537fac1下載程式碼&圖片,並將圖片加入bin資料夾  得到旋轉的地球!


沒有留言:

張貼留言