week10_wendy

電腦圖學 學習日誌

week10

• 複習: T-R-T (像關節一樣的)轉動 (小考&HW3)
• 主題: Timer計時器 vs. Idle函式 機制的差別
• 複習: 貼圖(多張貼圖)
• 提醒: HW3 (簡單的機器人)

(一)主題: Timer計時器 vs. Idle函式 機制的差別

效果:開始程式，物件定格2秒再開始轉動

開啟glut內建程式做修改

新的函式:

void timer(int t)

{

    glutTimerFunc(33 , timer , t+1 );///再撥一下

    glutPostRedisplay();///重畫畫面

}

main函式:

int main(int argc, char *argv[])

{

     ///glutIdleFunc(idle);

    glutTimerFunc(2000 , timer , 0 );

}

(二)貼圖

• 需使用OpenCV
• 在codeblocks使用OpenCV需先在setting的Compiler做設定

程式碼:

#include <opencv/highgui.h> ///for cvLoadImage()

#include <opencv/cv.h> ///for cvCvtColor()

#include <GL/glut.h> ///3D glut

#include <stdio.h>

GLUquadric * quad;

GLuint id;

float angle=0;

void display()

{   glEnable(GL_DEPTH_TEST); ///要啟動 Detph Test 深度值的測試,3D顯示才正確

    glClear(GL_COLOR_BUFFER_BIT  | GL_DEPTH_BUFFER_BIT);

    glPushMatrix();///自動轉動

        glRotatef(90, 1,0,0);

        glRotatef(angle, 0,0,1);///自動轉動

        gluQuadricTexture(quad, 1);

        gluSphere(quad, 1, 30, 30);///glutSolidTeapot(0.3);

    glPopMatrix();///自動轉動

    glFlush();

}

void timer(int t)

{   glutTimerFunc(20, timer, 0);/// 1000 msec   50fps:20msec

    angle+=1;///自動轉

    glutPostRedisplay();

}

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 myInit()

{   quad = gluNewQuadric();

    id = myTexture("images.jpg");

}

int main(int argc, char**argv)

{   glutInit(&argc, argv);

    glutCreateWindow("3D");

    glutDisplayFunc(display); ///顯示

    glutTimerFunc(0, timer, 0);

    myInit(); ///我的 init 初始化 把貼圖準備好 前面OpenCV 2行, 後面 OpenGL 9行

    glutMainLoop();

}

完成效果:

(三)貼圖/多個

效果:一次呈現多個貼圖，背景貼圖與兩個球體貼圖

#include <opencv/highgui.h>

#include <opencv/cv.h>
#include <GL/glut.h>
#include <stdio.h>
GLUquadric * quad;
GLuint id,id2,id3;///要記得宣告
float angle=0;
void display()
{
    glEnable(GL_DEPTH_TEST);
    glClear(GL_COLOR_BUFFER_BIT  | GL_DEPTH_BUFFER_BIT);
    glBindTexture(GL_TEXTURE_2D, id3);///綁定bind 貼圖ID
    glBegin(GL_POLYGON);///背景
        glTexCoord2f(0,0); glVertex2f(-1,+1);///貼圖座標+頂點(可參考Week03作業)
        glTexCoord2f(0,1); glVertex2f(-1,-1);
        glTexCoord2f(1,1); glVertex2f(+1,-1);
        glTexCoord2f(1,0); glVertex2f(+1,+1);
    glEnd();
    glPushMatrix();///第一顆球體
        glTranslatef(0.6,0,0);
        glRotatef(90, 1,0,0);
        glRotatef(angle, 0,0,1);
        glBindTexture(GL_TEXTURE_2D, id2); ///綁定bind 貼圖ID
        gluQuadricTexture(quad, 1);
        gluSphere(quad, 0.3, 30, 30);//0.3是半徑
    glPopMatrix();
    glPushMatrix();///第二顆球體
        glRotatef(90, 1,0,0);
        glRotatef(angle, 0,0,1);
        glBindTexture(GL_TEXTURE_2D, id);///綁定bind 貼圖ID
        gluQuadricTexture(quad, 1);
        gluSphere(quad, 0.3, 30, 30);
    glPopMatrix();
    glFlush();
}
void timer(int t)
{
    glutTimerFunc(20, timer, 0);
    angle+=1;
    glutPostRedisplay();
}
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); ///綁定bind 貼圖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 myInit()
{
    quad = gluNewQuadric();
    id = myTexture("images.jpg");///圖1
    id2 = myTexture("images2.jpg");///圖2
    id3 = myTexture("bg3.jpg");///圖3
///圖要放在C:\Users\Administrator\Desktop\freeglut\bin
}
int main(int argc, char**argv)
{
    glutInit(&argc, argv);
    glutCreateWindow("3D");
    glutDisplayFunc(display);
    glutTimerFunc(0, timer, 0);
    myInit();
    glutMainLoop();
}

完成效果: