WWeek07

 Week07

https://jsyeh.org/3dcg10/

data > data.zip

win32 > windows.zip

glut32.dll > 按保留

解壓縮

windows.zip > 下載 > windows\Transformation.exe

data.zip > windows\data(解壓後的data拉去windows資料夾下)

點選Texture.exe

改變頂點

開啟texture.exe

調整glColor4f( ); 

可以改變圖片的顏色

開啟2022葉正聖老師上課軟體資料夾，安裝 OpenCV-2.1.0-win32-vs2008.exe

選擇其中一個Add OpenCV 

安裝後要重啟CodeBlocks

C:\OpenCV2.1\lib

C:\OpenCV2.1\include

cv210

cxcore210

highgui210

#include <opencv/highgui.h>

int main()

{

    IplImage * img = cvLoadImage("image.jpg");

    cvShowImage("week07",img);

    cvWaitKey(0);

}

到https://gist.github.com/jsyeh複製 myTextureㄉ程式碼

找一個地球的圖片命名為earth.jpg

裡面丟freeglut => bin裡面

執行程式碼

到https://gist.github.com/jsyeh複製myEarth.cpp程式碼

開啟新專案week07-3_myEarth

一般地球

#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 );

    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("week09 texture");

    glutDisplayFunc(display);

    myTexture("earth.jpg");

    glutMainLoop();

}

轉動的地球

#include <opencv/highgui.h> ///使用 OpenCV 2.1 比較簡單, 只要用 High GUI 即可

#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);

    glPushMatrix();

        glRotatef(angle, 0,-1,0);

        glRotatef(90, 1,0,0);

        gluQuadricTexture(sphere, 1);

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

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

int main(int argc,char**argv)

{

    glutInit(&argc,argv);

    glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("week7 texture background");

    glutIdleFunc(display);

    glutDisplayFunc(display);

    myTexture("earth.jpg");

    sphere = gluNewQuadric();

    glEnable(GL_DEPTH_TEST);

    glutMainLoop();

}

Week06

  Week06

複習考試ㄉ題目 所以先貼上周 week05-2_TRT_robot程式

#include <GL/glut.h>

float angle =0;

void display()

{

    glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT );

        glutSolidSphere(0.02,30,30);///正中心圓球

        glPushMatrix();

            glRotatef(angle,0,0,1);

            glTranslatef(0.46,-0.05,0); ///(1) 把轉動的中心,放中心

            glutSolidTeaepot(0.3);

        glPopMatrix();

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB|GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("week03");

    glutDisplayFunc(display);

    glutIdleFunc(display);

    glutMainLoop();

}

#include <GL/glut.h>

float angle =0;

void display()

{

    glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT );

        glutSolidSphere(0.02,30,30);///正中心圓球

        glutSolidTeapot(0.3);///step02-1 身體

        glPushMatrix();

            glTranslatef(0.49,0.13,0);

            glRotatef(angle,0,0,1);

            glTranslatef(0.46,-0.05,0);

            glutSolidTeapot(0.3);

        glPopMatrix();

    glutSwapBuffers();

    angle++;

}

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB|GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("week03");

    glutDisplayFunc(display);

    glutIdleFunc(display);

    glutMainLoop();

}

#include <GL/glut.h>

float angle =0;

void display()

{

    glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT );

        glutSolidSphere(0.02,30,30);///正中心圓球

        glutSolidTeapot(0.3);///step02-1 身體

        glPushMatrix();///右手臂

            glTranslatef(0.49,0.13,0);///新的

            glRotatef(angle,0,0,1);///(2) 就可以轉動了

            glTranslatef(0.46,-0.05,0);///(1) 把轉動的中心,放中心

            glutSolidTeapot(0.3);

        glPushMatrix();///右手軸

            glTranslatef(0.49,0.13,0);///新的

            glRotatef(angle,0,0,1);///(2) 就可以轉動了

            glTranslatef(0.46,-0.05,0);///(1) 把轉動的中心,放中心

            glutSolidTeapot(0.3);

        glPopMatrix();

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB|GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("week03");

    glutDisplayFunc(display);

    glutIdleFunc(display);

    glutMainLoop();

}

#include <GL/glut.h>

float angle =0;

void drawHand()

{

    glPushMatrix();

        glScalef(1,0.3,0.3);

        glutSolidCube(0.5);

    glPopMatrix();

}

void display()

{

    glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT );

    glPushMatrix();

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

        glTranslatef(0.25,0,0);///(1)把中心放在正中心

        drawHand();

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB|GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("week03");

    glutDisplayFunc(display);

    glutIdleFunc(display);

    glutMainLoop();

}

#include <GL/glut.h>

float angle =0;

void drawHand()

{

    glPushMatrix();

        glScalef(1,0.3,0.3);

        glutSolidCube(0.5);

    glPopMatrix();

}

void display()

{

    glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT );

    glPushMatrix();

        glTranslatef(0.25,0,0);///(3)要掛上去

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

        glTranslatef(0.25,0,0);///(1)把中心放在正中心

    drawHand();

    glPushMatrix();

            glTranslatef(0.25,0,0);///(3)要掛上去

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

            glTranslatef(0.25,0,0);///(1)把中心放在正中心

            drawHand();

        glPopMatrix();

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB|GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("week03");

    glutDisplayFunc(display);

    glutIdleFunc(display);

    glutMainLoop();

}

#include <GL/glut.h>

float angle =0;

void drawHand()

{

    glPushMatrix();

        glScalef(1,0.3,0.3);

        glutSolidCube(0.5);

    glPopMatrix();

}

void display()

{

    glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT );

    glPushMatrix();///右上手肘

        glTranslatef(0.25,0,0);///(3)要掛上去

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

        glTranslatef(0.25,0,0);///(1)把中心放在正中心

    drawHand();///右上手臂

    glPushMatrix();///右下手肘

            glTranslatef(0.25,0,0);///(3)要掛上去

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

            glTranslatef(0.25,0,0);///(1)把中心放在正中心

            drawHand();///右下手肘

        glPopMatrix();

    glPopMatrix();

    glPushMatrix();///左上手臂

        glTranslatef(-0.25,0,0);///(3)要掛上去

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

        glTranslatef(-0.25,0,0);///(1)把中心放在正中心

    drawHand();///上手臂

    glPushMatrix();///左下手肘

            glTranslatef(-0.25,0,0);///(3)要掛上去

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

            glTranslatef(-0.25,0,0);///(1)把中心放在正中心

            drawHand();///下手肘

        glPopMatrix();

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB|GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("week03");

    glutDisplayFunc(display);

    glutIdleFunc(display);

    glutMainLoop();

}

Week05

glbegin是車子造型

glscalef控制車子長寬高

glrotatef控制旋轉

gltranslatef控制車子位置

Z軸朝前

第二個translate找中心座標

 Week04

下載

https://jsyeh.org/3dcg10/

data > data.zip

win32 > windows.zip

glut32.dll > 按保留

解壓縮

windows.zip > 下載 > windows\Transformation.exe

data.zip > windows\data(解壓後的data拉去windows資料夾下)

↓

點選Transformation.exe

右手定則:

右手座標系統

手掌從X軸掃到Y軸時，會生出拇指Z軸

轉動時拇指當旋轉軸，再掃出你要的角度

斜的旋轉軸(1,1,0)

Week04-1_rotate 茶壺旋轉

    將week03- 複製，貼上

#include <GL/glut.h>

float angle=0;

const GLfloat light_ambient[]  = { 0.0f, 0.0f, 0.0f, 1.0f };

const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat light_position[] = { 2.0f, 5.0f, 5.0f, 0.0f };

const GLfloat mat_ambient[]    = { 0.7f, 0.7f, 0.7f, 1.0f };

const GLfloat mat_diffuse[]    = { 0.8f, 0.8f, 0.8f, 1.0f };

const GLfloat mat_specular[]   = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat high_shininess[] = { 100.0f };

void mylight()

{

    glEnable(GL_DEPTH_TEST);

    glDepthFunc(GL_LESS);

    glEnable(GL_LIGHT0);

    glEnable(GL_NORMALIZE);

    glEnable(GL_COLOR_MATERIAL);

    glEnable(GL_LIGHTING);

    glLightfv(GL_LIGHT0, GL_AMBIENT,  light_ambient);

    glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);

    glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);

    glLightfv(GL_LIGHT0, GL_POSITION, light_position);

    glMaterialfv(GL_FRONT, GL_AMBIENT,   mat_ambient);

    glMaterialfv(GL_FRONT, GL_DIFFUSE,   mat_diffuse);

    glMaterialfv(GL_FRONT, GL_SPECULAR,  mat_specular);

    glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);

}

void display()

{

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glPushMatrix();

        glRotatef(angle,0,1,0);

        glutSolidTeapot(0.3);

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("GLUT Shapes");

    glutDisplayFunc(display);

    glutIdleFunc(display);

    mylight();

    glutMainLoop();

}

 Week04-2_rotate_light 茶壺旋轉 顏色設定

    新增week04-2_rotate_light

    將week03 複製，貼上week04-2_rotate_light

    

#include <GL/glut.h>

float angle=0;

const GLfloat light_ambient[]  = { 0.0f, 0.0f, 0.0f, 1.0f };

const GLfloat light_diffuse[]  = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat light_position[] = { 2.0f, 5.0f, 5.0f, 0.0f };

const GLfloat mat_ambient[]    = { 0.7f, 0.7f, 0.7f, 1.0f };

const GLfloat mat_diffuse[]    = { 0.8f, 0.8f, 0.8f, 1.0f };

const GLfloat mat_specular[]   = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat high_shininess[] = { 100.0f };

void mylight()

{

    glEnable(GL_DEPTH_TEST);

    glDepthFunc(GL_LESS);

    glEnable(GL_LIGHT0);

    glEnable(GL_NORMALIZE);

    glEnable(GL_COLOR_MATERIAL);

    glEnable(GL_LIGHTING);

    glLightfv(GL_LIGHT0, GL_AMBIENT,  light_ambient);

    glLightfv(GL_LIGHT0, GL_DIFFUSE,  light_diffuse);

    glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);

    glLightfv(GL_LIGHT0, GL_POSITION, light_position);

    glMaterialfv(GL_FRONT, GL_AMBIENT,   mat_ambient);

    glMaterialfv(GL_FRONT, GL_DIFFUSE,   mat_diffuse);

    glMaterialfv(GL_FRONT, GL_SPECULAR,  mat_specular);

    glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);

}

void display()

{

    glClearColor(1, 1, 1, 1);

    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

    glPushMatrix();

        glRotatef(angle, 0, 1, 0);

        glColor3f(0, 1, 1);

        glutSolidTeapot(0.3);

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE | GLUT_DEPTH);

    glutCreateWindow("GLUT Shapes");

    glutDisplayFunc(display);

    glutIdleFunc(display);

    mylight();

    glutMainLoop();

}

 Week04-3_rotate_translate 茶壺自轉公轉

3. 新增week04-3_rotate_translate，複製week04-1的程式碼，貼上week04-3，

並將

#include <GL/glut.h>

float angle = 0;

void display()

{

    glEnable(GL_DEPTH_TEST);

    glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT );

    glPushMatrix();

        glTranslatef(0.6, 0, 0);

        glRotatef(angle, 0, 1, 0);

        glColor3f(1, 1, 0);

        glutSolidTeapot( 0.3 );

    glPopMatrix();

    glPushMatrix();

        glRotatef(angle, 0, 1, 0);

        glTranslatef(0.6, 0, 0);

        glColor3f(1, 0, 0);

        glutSolidTeapot( 0.3 );

    glPopMatrix();

    glutSwapBuffers();

    angle++;

}

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB|GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("week03");

    glutDisplayFunc(display);

    glutIdleFunc(display);

    glutMainLoop();

}