2023年3月9日 星期四

Cid week04 旋轉 Rotate

Step01

 首先進入老師網站 https://jsyeh.org/3dcg10/ 下載[data][win32]檔案,並使用7-zip解壓縮至windows,並把data解壓縮至windows資料夾內,

執行檔案Transformation

Y軸旋轉

X軸旋轉

Z軸旋轉
了解XYZ軸的選轉方向



XY軸旋轉


Step02
下載moodle的FreeGLUT MinGW壓縮檔案,並解壓縮至桌面,把lib資料夾內的libfreeglut.a檔案複製貼上並重新命名libglut32.a,開啟Code Blocks,開啟新專案,File>Project>選擇GLUT Project>命名專案>選擇桌面的資料夾freeglut
讓茶壺旋轉

程式碼 新增旋轉的程式碼
#include <GL/glut.h>
float angle = 0;
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("week04");

    glutDisplayFunc(display);
    glutIdleFunc(display);
    glutMainLoop();
}

打光+旋轉茶壺
程式碼 新增打光的程式碼
從範例程式碼複製 ctrl+f 搜尋(const GLfloot light)(glEnable)

#include <GL/glut.h>
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);

}
float angle = 0;
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("week04");

    mylight();
    glutDisplayFunc(display);
    glutIdleFunc(display);
    glutMainLoop();
}

Step03
老師教了個口訣:「左耳靠在左肩上,程式碼由下往上讀

藍色的車子長胖了拉到右邊去選轉他

藍色的茶壺移到右邊旋轉
程式碼
#include <GL/glut.h>
float angle = 0;
void display()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    glPushMatrix();
        glTranslatef(0.5, 0, 0);
        glRotatef(angle, 0, 1, 0);
        glColor3f(0,0,1);
        glutSolidTeapot( 0.3 );
    glPopMatrix();
    glutSwapBuffers();
    angle++;
}
int main(int argc, char* argv[] )
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB|GLUT_DOUBLE|GLUT_DEPTH);
    glutCreateWindow("week04");

    glutDisplayFunc(display);
    glutIdleFunc(display);
    glutMainLoop();
}
新加一個
黃色茶壺
程式碼
#include <GL/glut.h>
float angle = 0;
void display()
{
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    glPushMatrix();  
        glTranslatef(0.5, 0, 0); ///移到右邊
        glRotatef(angle, 0, 1, 0); ///旋轉
        glColor3f(0,0,1);///藍色的
        glutSolidTeapot( 0.3 );///茶壺
    glPopMatrix();

    glPushMatrix();
        glRotatef(angle, 0, 1, 0);///旋轉
        glTranslatef(0.5, 0, 0);///移到右邊
        glColor3f(1,1,0);///黃色的
        glTranslatef(0, 0.5, 0);///往上移
        glutSolidTeapot( 0.3 );///茶壺
    glPopMatrix();///還原矩陣


    glutSwapBuffers();
    angle++;
}
int main(int argc, char* argv[] )
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_RGB|GLUT_DOUBLE|GLUT_DEPTH);
    glutCreateWindow("week04");

    glutDisplayFunc(display);
    glutIdleFunc(display);
    glutMainLoop();
}









沒有留言:

張貼留言