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/ add/ C:\OpenCV2.1\include
(5)設定: Lib目錄
setting/ compiler/ search directories/ Linker/ add/ C:\opencv2.1\lib
(6)設定: 咒語
setting/ compiler/ Linker settings/ add三個 : cv210、cxcore210、highgui210
(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();
}
沒有留言:
張貼留言