week04 余

Week04 -1

  去和上周一樣的地方(小葉老師的網站-https://jsyeh.org/3dcg10/)

下載windows.zip和data.zip

解壓縮windows.zip並將data拉近windows的資料夾後開啟transformation.exe

將glRotatef改成你想要的角度

車子會變成右邊抬高的方式傾斜

更改x軸為1其餘為0

再更改角度的數值使得車頭往下

而(X,Y,Z)軸的方向如下圖所示

在sreen space view的地方按右鍵即可改變圖示

若(X,Y,Z)變為(1,1,0)則會變成往右下方向轉

Week04 -2

開啟codeblock 並新增專案freeglut檔名為week04-1 rotate

新增之前要先解壓縮葉正勝老師上課軟體中的freeglut並用前幾周的方法複製+更改檔名就可以新增專案

做會旋轉的茶壺~

先父至上周的程式碼並稍微修改

程式碼如下

#include <GL/glut.h>

float angle=0;

void display()

{

    glClear(GL_COLOR_BUFFER_BIT|GL_COLOR_DEPTH_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();

}

就可以出現會旋轉的茶壺了~~~

接下來要修改茶壺的打顏色

新增下列程式碼:

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

}

茶壺就會變色了~~

Week04 -3

第三節課教我們如何改變第一堂課教的車子的位置和座標以及車子的長寬

再重新開啟程式

translatef的地方就是該改位置

調高會往右移動

調低會往左移動

改變位置後再變更roatate的數值會讓車子自轉

調整scalef的數值車子則會變胖

今天的第三個程式

再新增一個GLUT專案

檔名為week04-3_rotate_translate

然後複製今天的第一個程式碼過去

然後加入下列程式碼

glTranslatef(0.5,0,0);

        glRotatef(angle,0,1,0);

        glColor3f(0,0,1);

    glutSolidTeapot(0.3);

就可以改變茶壺的顏色和位置

再稍微修改程式碼

多一個黃色的茶壺並繞得更大圈

新增程式碼如下:

 glPushMatrix();

    glRotatef(angle,0,1,0);

        glTranslatef(0.5,0,0);

        glColor3f(1,1,0);

        glTranslatef(0,0.5,0);

    glutSolidTeapot(0.3);

    glPopMatrix();

就出現會公轉的黃色茶壺跟自轉的藍色茶壺了~~