2022年4月18日 星期一

YJ week09

 -貼圖-

 1. 看貼圖程式碼的應用

-> 查http://jsyeh.org/3dcg10/

-> 下載win32和data



-> 把data解壓縮的資料夾放入windows解壓縮的資料夾裡

-> 點開Texture.exe會出現

-> 四個角對應四行程式碼

-> glTexCoord 改變貼圖位置 ,  glVertex 改變頂點




2. 貼圖實作

2-1 下載Opencv

->在moodle中開啟上課用軟體,下載Opencv並安裝,安裝過程需設定PATH




-> 途徑使用原設途徑




->在Code Blocks打程式碼

#include <opencv/highgui.h>
int main()
{
    ///Ipl是 Intel performance library 的縮寫
    IplImage * img = cvLoadImage("檔名.png"); ///讀圖
    cvShowImage("week09",img); ///秀圖
    cvWaitKey(0); ///等任意鍵繼續
}

2-2 設定Code Blocks

-> File-New-EmptyFile , 另存新檔成week09_opencv.cpp

-> Setting-Compiler 



-> 選Search directories 的 Compiler 的 增加Add 並打C:\OpenCV2.1\lib




-> 選Search directories 的 Linker , Add  C:\OpenCV2.1\lib



-> 再來用Setting-Complier Setting的Linker Setting , Add cv210 , cxcore210 , highgui210



                                                        就可以出現你想要的圖檔  ~



3.在GLUT專案中放貼圖

-> 開啟GLUT專案

-> 打程式碼(先打出基本十行程式碼,再打出新的,螢光筆為新打的程式碼)

#include <GL/glut.h>
#include <opencv/highgui.h>
void myTexture()
{
    IplImage *img = cvLoadImage("earth.jpg");///找earth的圖片
    cvShowImage("img",img);///在img視窗放圖片
    cvWaitKey(0);///等任意鍵繼續
}
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();
}

-> 會開啟三個視窗 , 箭頭指向程式碼開啟的視窗



4.把earth的圖片放進茶壺跟茶壺融合在一起

-> 先將地球圖片放進桌面的 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);
        glutSolidTeapot(0.3);
    glutSwapBuffers();
}
int main(int argc,char**argv)
{
    glutInit(&argc,argv);
    glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);
    glutCreateWindow("week9 texture");

    glutDisplayFunc(display);
    myTexture("earth.jpg");

   glutMainLoop();
}

                                      












沒有留言:

張貼留言