ziiiiitg-Week04

Week04

Rotate

上網查詢網址-http://jsyeh.org/3dcg10/

下載windows.zip和data.zip解壓縮

把解壓縮的data檔複製貼進windows後打開Transformation

移動glRotatef(角度,x,y,z)車子會隨著旋轉軸不同向不同方向旋轉

用國中自然課教過的右手定則，右手座標系統手掌從x軸掃到y時會生出拇指z軸

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

x軸為1>>旋轉軸直向上，車往右旋轉

y軸為1>>旋轉軸橫向右，車往下旋轉

x軸，y軸同為1>>旋轉軸斜向右上，車往右下旋轉

Rotate-2

新增一個GLUT專案，檔名為week04-1_GLUT_Rotate

把上禮拜的程式碼貼過來改為圖片上那樣

就能得到一個會旋轉的茶壺

Rotate Light

新增一個GLUT專案，檔名為week04-2_GLUT_Rotate_light

打開main.cpp複製這段程式碼

    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 };

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

再把上一個專案的程式碼貼過來，稍加修改就能得到一個有陰影的旋轉茶壺

#include <GL/glut.h>

float angle=0;

void display()

{

    glClear( GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT ); ///step02-2 清背景

    glPushMatrix(); ///step02-1 備份矩陣

        glRotatef(angle, 0, 1, 0 ); ///旋轉angle角度

        glutSolidTeapot( 0.3 );

    glPopMatrix(); ///step02-1 還原矩陣

    glutSwapBuffers();

    angle++;///把角度++

}

void myLight()

{

    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 };

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

}

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

{

    glutInit(&argc, argv);

    glutInitDisplayMode(GLUT_RGB|GLUT_DOUBLE|GLUT_DEPTH);

    glutCreateWindow("week03");

    glutDisplayFunc(display);

    glutIdleFunc(display); ///有空idle時重畫畫面

    myLight();

    glutMainLoop();

}

加上紅框裡兩條程式碼，加上背景色及茶壺顏色

移動，旋轉

打開windows的Transformation在小黑裡按右鍵

點Swap就能把translate和rotate程式碼順序交換

透過交換移動，旋轉兩行程式碼順序來理解自轉，公轉

新增一個GLUT專案，檔名為week04-3_GLUT_Rotate_translate

複製第一個專案的程式碼，加上紅框內兩條程式碼

做兩次(藍框程式碼)>>Rotate Translate交換